Replace mobile dashboard text buttons with inline plus icons.

Show compact pre-register and check-in actions beside the organization name
on mobile while keeping the existing white and purple styling.

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

resources/views/frontdesk/dashboard.blade.php

@@ -14,16 +14,25 @@
     @endphp
 
     <div class="mb-6">
-        {{-- Mobile: org name + full-width actions (avoids cramped side-by-side buttons) --}}
-        <div class="space-y-3 lg:hidden">
-            <h1 class="truncate text-lg font-semibold tracking-tight text-slate-900">{{ $organization->name }}</h1>
-            <div class="flex flex-col gap-2">
-                <a href="{{ route('frontdesk.visits.create') }}" class="btn-primary w-full py-3 text-sm">
-                    Check in visitor
-                </a>
+        {{-- Mobile: org name with inline action icons --}}
+        <div class="flex items-center justify-between gap-3 lg:hidden">
+            <h1 class="min-w-0 flex-1 truncate text-lg font-semibold tracking-tight text-slate-900">{{ $organization->name }}</h1>
+            <div class="flex shrink-0 items-center gap-2">
                 <a href="{{ route('frontdesk.visits.schedule') }}"
-                   class="inline-flex w-full items-center justify-center rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:bg-slate-50">
-                    Pre-register visitor
+                   aria-label="Pre-register visitor"
+                   title="Pre-register visitor"
+                   class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-700 shadow-sm transition hover:border-slate-300 hover:bg-slate-50">
+                    <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
+                    </svg>
+                </a>
+                <a href="{{ route('frontdesk.visits.create') }}"
+                   aria-label="Check in visitor"
+                   title="Check in visitor"
+                   class="btn-fab h-10 w-10">
+                    <svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
+                    </svg>
                 </a>
             </div>
         </div>