Make danger-zone action buttons full width like form footers.

Device and employee edit pages now stretch Regenerate/Remove actions across the row on wider screens.

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

resources/views/components/danger-zone.blade.php

@@ -6,7 +6,7 @@
     @if ($title)
         <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">{{ $title }}</p>
     @endif
-    <div class="flex flex-col items-start gap-2 sm:flex-row sm:flex-wrap sm:gap-3">
+    <div class="flex flex-col gap-3 sm:flex-row [&>*]:min-w-0 [&>*]:flex-1 [&_button]:w-full [&_button]:justify-center [&_a[class*='btn-']]:w-full [&_a[class*='btn-']]:justify-center">
         {{ $slot }}
     </div>
 </div>

resources/views/frontdesk/devices/edit.blade.php

@@ -67,7 +67,7 @@
 
         @if ($device->device_token)
             <x-danger-zone title="Device actions" class="mt-4">
-                <form method="POST" action="{{ route('frontdesk.devices.regenerate-token', $device) }}" class="inline">
+                <form method="POST" action="{{ route('frontdesk.devices.regenerate-token', $device) }}">
                     @csrf
                     <x-btn
                         type="submit"
@@ -75,7 +75,7 @@
                         onclick="return confirm('Regenerate token? Existing kiosk sessions will stop working.')"
                     >Regenerate token</x-btn>
                 </form>
-                <form method="POST" action="{{ route('frontdesk.devices.destroy', $device) }}" class="inline" onsubmit="return confirm('Remove this device?')">
+                <form method="POST" action="{{ route('frontdesk.devices.destroy', $device) }}" onsubmit="return confirm('Remove this device?')">
                     @csrf @method('DELETE')
                     <x-btn type="submit" variant="danger">Remove device</x-btn>
                 </form>

resources/views/frontdesk/employees/edit.blade.php

@@ -68,7 +68,7 @@
                 <x-btn type="submit" class="flex-1">Save</x-btn>
             </div>
         </form>
-        <form method="POST" action="{{ route('frontdesk.employees.destroy', $employee) }}" onsubmit="return confirm('Remove this employee?')">
+        <form method="POST" action="{{ route('frontdesk.employees.destroy', $employee) }}" class="mt-4" onsubmit="return confirm('Remove this employee?')">
             @csrf @method('DELETE')
             <x-danger-zone title="Employee actions">
                 <x-btn type="submit" variant="danger">Remove employee</x-btn>