From dd747946ea3bbed0c49389b1c0685c1e19a8ef0d 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:18:49 +0200
Subject: [PATCH] fix: wider resize handles, table minWidth instead of width
 100%

- table-layout: fixed with minWidth instead of width:100% to avoid
  browser recalculating explicit column widths
- Wider resize handles (w-3, 12px) for easier grabbing
- Better visibility on hover

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

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 571e454..c578dfd 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -891,7 +891,7 @@ function TicketWorkbenchContent() {
             ) : (
               <>
                 {/* Table layout for consistent column alignment */}
-                <div style={{ display: "table", width: "100%", tableLayout: "fixed" }}>
+                <div style={{ display: "table", tableLayout: "fixed", minWidth: "100%" }}>
                   {/* Column header */}
                   <div className={cn(
                     "sticky top-0 z-10 border-b border-border bg-muted/50",
@@ -904,10 +904,10 @@ function TicketWorkbenchContent() {
                         className="relative border-r border-border/60 px-3 align-middle last:border-r-0"
                         style={{ display: "table-cell", width: col.width }}
                       >
-                        {/* Resize handle: drags the boundary, resizes the column to the LEFT */}
+                        {/* Resize handle: drags the boundary, resizes column to the LEFT */}
                         {idx > 0 && (
                           <div
-                            className="absolute left-0 top-0 h-full w-2 -ml-1 cursor-col-resize hover:bg-primary/40 z-10"
+                            className="absolute left-0 top-0 h-full w-3 -ml-1.5 cursor-col-resize hover:bg-primary/30 z-10"
                             onMouseDown={(e) => handleColumnResize(arr[idx - 1].key, col.key, e)}
                           />
                         )}