Fluid columns with fixed-width cards (300px max)

Columns expand to fill available space (w-full table, min-width 300px)
while cards are capped at max-w-[300px] for consistent sizing.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: optmsp

resources/views/livewire/card.blade.php

@@ -10,7 +10,7 @@
 
 <div
     @class([
-        'flowforge-card mb-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden transition-all duration-200 hover:shadow-md',
+        'flowforge-card mb-2 bg-white dark:bg-gray-900 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden transition-all duration-200 hover:shadow-md max-w-[300px]',
         'cursor-pointer' => $hasActions || $hasCardAction,
         'cursor-pointer transition-all duration-100 ease-in-out hover:shadow-lg hover:border-gray-400 active:shadow-md' => $hasCardAction,
         'cursor-grab hover:cursor-grabbing' => $hasPositionIdentifier,

resources/views/livewire/swimlane-board.blade.php

@@ -26,7 +26,7 @@ class="flowforge-swimlane-board overflow-x-auto rounded-xl border border-gray-20
         }
     }"
 >
-    <table class="border-collapse" style="min-width: {{ 180 + ($columnCount * 280) }}px;">
+    <table class="border-collapse w-full" style="min-width: {{ 180 + ($columnCount * 300) }}px;">
         {{-- Sticky Column Header Row --}}
         <thead>
             <tr>
@@ -40,7 +40,7 @@ class="flowforge-swimlane-board overflow-x-auto rounded-xl border border-gray-20
                     @endphp
                     <th
                         class="sticky top-0 z-20 bg-white dark:bg-gray-900 border-b border-r border-gray-200 dark:border-gray-700 p-3 text-left font-normal"
-                        style="width: 280px; min-width: 280px;"
+                        style="min-width: 300px;"
                         wire:key="header-{{ $columnId }}"
                     >
                         <div class="flex items-center">
@@ -125,7 +125,7 @@ class="w-4 h-4 text-gray-400 dark:text-gray-500 transition-transform duration-20
                         @endphp
                         <td
                             class="border-b border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 p-0"
-                            style="width: 280px; min-width: 280px; vertical-align: top;"
+                            style="min-width: 300px; vertical-align: top;"
                             wire:key="cell-{{ $cellKey }}"
                         >
                             <div x-show="!isCollapsed('{{ $swimlaneId }}')">