From 9f224434d9be1b6357d94a3c5951e66be3d29857 Mon Sep 17 00:00:00 2001
From: James <james@jongsma.me>
Date: Tue, 24 Mar 2026 00:22:07 -0400
Subject: [PATCH] fix: reduce column min-width from 320px to 160px so all 7
 columns fit viewport

---
 src/components/panels/task-board-panel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/panels/task-board-panel.tsx b/src/components/panels/task-board-panel.tsx
index e2743c7..0c7410d 100644
--- a/src/components/panels/task-board-panel.tsx
+++ b/src/components/panels/task-board-panel.tsx
@@ -744,7 +744,7 @@ export function TaskBoardPanel() {
         </div>
         <div className="flex-1 flex gap-4 p-4 overflow-x-auto">
           {Array.from({ length: 4 }).map((_, colIdx) => (
-            <div key={colIdx} className="flex-1 min-w-80 bg-card border border-border rounded-lg flex flex-col">
+            <div key={colIdx} className="flex-1 min-w-40 bg-card border border-border rounded-lg flex flex-col">
               <div className="p-3 rounded-t-lg bg-surface-1 animate-pulse">
                 <div className="h-5 w-24 bg-surface-2 rounded" />
               </div>
@@ -932,7 +932,7 @@ export function TaskBoardPanel() {
             key={column.key}
             role="region"
             aria-label={t('columnAriaLabel', { title: column.title, count: tasksByStatus[column.key]?.length || 0 })}
-            className="flex-1 min-w-80 min-h-0 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]"
+            className="flex-1 min-w-40 min-h-0 bg-surface-0 border border-border/60 rounded-xl flex flex-col transition-colors duration-200 [&.drag-over]:border-primary/40 [&.drag-over]:bg-primary/[0.02]"
             onDragEnter={(e) => handleDragEnter(e, column.key)}
             onDragLeave={handleDragLeave}
             onDragOver={handleDragOver}