From ec9eab03a140a6d9fa54d23c57fac35e06fd04f4 Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Mon, 20 Jul 2026 14:26:37 +0000
Subject: [PATCH] Stack board card actions vertically in the footer.

Full-width primary and secondary buttons (Transport, Start, Open)
now sit one above the other instead of side-by-side, so narrow
dispatch and queue columns stay readable.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../care/partials/queue-board-card.blade.php  | 34 +++++++++----------
 .../ambulance/dispatch-card.blade.php         |  6 ++--
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/resources/views/care/partials/queue-board-card.blade.php b/resources/views/care/partials/queue-board-card.blade.php
index 614c27b..79051b9 100644
--- a/resources/views/care/partials/queue-board-card.blade.php
+++ b/resources/views/care/partials/queue-board-card.blade.php
@@ -73,27 +73,12 @@
     </div>
 
     @if ($hasActions)
-        <div class="relative z-10 flex items-center justify-end gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
-            @if ($canRecall)
-                <form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
-                    @csrf
-                    <button type="submit" class="rounded-lg px-2 py-1 text-xs font-medium text-indigo-700 hover:bg-indigo-100/60">Call again</button>
-                </form>
-            @endif
-            @if ($openUrl)
-                <a href="{{ $openUrl }}" @class([
-                    'rounded-lg px-2.5 py-1 text-xs font-semibold',
-                    // Primary when it is the only meaningful action on the card.
-                    'bg-emerald-600 text-white hover:bg-emerald-700' => $stage === 'in_care',
-                    'bg-indigo-600 text-white hover:bg-indigo-700' => ! $showStart && $stage !== 'in_care' && $stage !== 'done',
-                    'text-slate-600 hover:bg-slate-100' => $stage === 'done' || ($showStart && $stage !== 'in_care'),
-                ])>Open</a>
-            @endif
+        <div class="relative z-10 flex flex-col gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
             @if ($showStart)
                 <form method="POST" action="{{ route($startRouteName, $appointment) }}">
                     @csrf
                     <button type="submit" @class([
-                        'rounded-lg px-2.5 py-1 text-xs font-semibold text-white',
+                        'w-full whitespace-nowrap rounded-lg px-2.5 py-1.5 text-center text-xs font-semibold text-white',
                         'bg-indigo-600 hover:bg-indigo-700' => $isCalled,
                         'bg-slate-900 hover:bg-slate-800' => ! $isCalled,
                     ])>
@@ -101,6 +86,21 @@
                     </button>
                 </form>
             @endif
+            @if ($openUrl)
+                <a href="{{ $openUrl }}" @class([
+                    'w-full rounded-lg px-2.5 py-1.5 text-center text-xs',
+                    // Primary when it is the only meaningful action on the card.
+                    'bg-emerald-600 font-semibold text-white hover:bg-emerald-700' => $stage === 'in_care',
+                    'bg-indigo-600 font-semibold text-white hover:bg-indigo-700' => ! $showStart && $stage !== 'in_care' && $stage !== 'done',
+                    'border border-slate-200 font-medium text-slate-600 hover:bg-slate-50' => $stage === 'done' || ($showStart && $stage !== 'in_care'),
+                ])>Open</a>
+            @endif
+            @if ($canRecall)
+                <form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
+                    @csrf
+                    <button type="submit" class="w-full rounded-lg px-2.5 py-1 text-center text-xs font-medium text-indigo-700 hover:bg-indigo-100/60">Call again</button>
+                </form>
+            @endif
         </div>
     @endif
 </article>
diff --git a/resources/views/care/specialty/ambulance/dispatch-card.blade.php b/resources/views/care/specialty/ambulance/dispatch-card.blade.php
index 708911e..f800499 100644
--- a/resources/views/care/specialty/ambulance/dispatch-card.blade.php
+++ b/resources/views/care/specialty/ambulance/dispatch-card.blade.php
@@ -62,16 +62,16 @@
         </div>
     </div>
 
-    <div class="relative z-10 flex items-center justify-end gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
-        <a href="{{ $openUrl }}" class="rounded-lg px-2.5 py-1 text-xs font-medium text-slate-600 hover:bg-slate-100">Open</a>
+    <div class="relative z-10 flex flex-col gap-1.5 border-t border-slate-900/5 px-3 py-2" @click.stop>
         @if ($showAdvance)
             <form method="POST" action="{{ route($specialtyStageRoute, $visit) }}">
                 @csrf
                 <input type="hidden" name="stage" value="{{ $nextStage }}">
-                <button type="submit" class="rounded-lg bg-slate-900 px-2.5 py-1 text-xs font-semibold text-white hover:bg-slate-800">
+                <button type="submit" class="w-full whitespace-nowrap rounded-lg bg-slate-900 px-2.5 py-1.5 text-center text-xs font-semibold text-white hover:bg-slate-800">
                     {{ $nextLabel }} →
                 </button>
             </form>
         @endif
+        <a href="{{ $openUrl }}" class="w-full rounded-lg border border-slate-200 px-2.5 py-1.5 text-center text-xs font-medium text-slate-600 hover:bg-slate-50">Open</a>
     </div>
 </article>