From 30108c760045972dd2b2e04e9f01d58031337ec9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gjermund=20H=C3=B8s=C3=B8ien=20Wiggen?=
 <gjermund.wiggen@sikt.no>
Date: Tue, 9 Jun 2026 22:08:36 +0200
Subject: [PATCH] fix: move resize handles to left edge of columns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Handles now sit on the left edge (the boundary between columns).
Dragging feels natural — you pull the dividing line between two columns.
Wider hit area (w-2) for easier grabbing.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/src/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 8264733..dd0e0ab 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -896,13 +896,13 @@ function TicketWorkbenchContent() {
                         className="relative border-r border-border/60 px-3 align-middle last:border-r-0"
                         style={{ display: "table-cell", width: col.key === "subject" ? undefined : col.width }}
                       >
+                        <div
+                          className="absolute left-0 top-0 h-full w-2 -ml-1 cursor-col-resize hover:bg-primary/40 z-10"
+                          onMouseDown={(e) => handleColumnResize(col.key, e)}
+                        />
                         <span className="text-[10px] font-semibold uppercase text-muted-foreground/60 truncate block">
                           {col.label}
                         </span>
-                        <div
-                          className="absolute right-0 top-0 h-full w-1 cursor-col-resize hover:bg-primary/40"
-                          onMouseDown={(e) => handleColumnResize(col.key, e)}
-                        />
                       </div>
                     ))}
                     <div style={{ display: "table-cell", width: 48 }} />