Define btn-secondary to match btn-primary sizing and alignment.

Secondary actions were unstyled links beside pill buttons; add shared btn-group helper for form rows.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/qms/console/show.blade.php

@@ -7,8 +7,10 @@
     </div>
     <div class="flex flex-wrap items-center gap-2">
       <x-counter-status :status="$counter->status" />
-      <form method="POST" action="{{ route('qms.console.action', $counter) }}">@csrf<input type="hidden" name="action" value="available"><button class="btn-secondary text-sm">Mark available</button></form>
-      <form method="POST" action="{{ route('qms.console.action', $counter) }}">@csrf<input type="hidden" name="action" value="offline"><button class="btn-secondary text-sm">Go offline</button></form>
+      <div class="btn-group">
+        <form method="POST" action="{{ route('qms.console.action', $counter) }}">@csrf<input type="hidden" name="action" value="available"><button class="btn-secondary text-sm">Mark available</button></form>
+        <form method="POST" action="{{ route('qms.console.action', $counter) }}">@csrf<input type="hidden" name="action" value="offline"><button class="btn-secondary text-sm">Go offline</button></form>
+      </div>
     </div>
   </div>
 

resources/views/qms/counters/index.blade.php

@@ -21,7 +21,7 @@
           <span class="font-medium text-slate-700">Queues:</span>
           {{ $counter->serviceQueues->pluck('name')->join(', ') ?: 'None assigned' }}
         </p>
-        <div class="mt-5 flex gap-2">
+        <div class="mt-5 btn-group">
           <a href="{{ route('qms.console.show', $counter) }}" class="btn-primary flex-1 text-center text-sm">Open console</a>
           <a href="{{ route('qms.counters.show', $counter) }}" class="btn-secondary text-sm">Details</a>
         </div>

resources/views/qms/counters/show.blade.php

@@ -8,7 +8,7 @@
       </div>
       <p class="mt-1 text-sm text-slate-500">{{ $counter->branch?->name }} · {{ $counter->code ?: 'No desk code' }}</p>
     </div>
-    <div class="flex flex-wrap gap-2">
+    <div class="btn-group">
       @if ($canManage)
         <a href="{{ route('qms.counters.edit', $counter) }}" class="btn-secondary">Edit counter</a>
       @endif

resources/views/qms/queues/create.blade.php

@@ -7,7 +7,7 @@
             @csrf
             @include('qms.queues._form', ['queue' => null])
 
-            <div class="flex gap-3">
+            <div class="btn-group w-full">
                 <a href="{{ route('qms.queues.index') }}" class="btn-secondary flex-1 justify-center">Cancel</a>
                 <button type="submit" class="btn-primary flex-1">Create queue</button>
             </div>