feat: shift pages to bottom toolbar on mobile

web/send-now.html

@@ -17,45 +17,8 @@
 
   <!-- ─── Mobile top bar ─── -->
   <div class="topbar">
-    <button class="hamburger" data-bs-toggle="offcanvas" data-bs-target="#mobileSidebar" aria-label="Open menu">
-      <i class="fa-solid fa-bars"></i>
-    </button>
-    <span style="font-weight:600;font-size:0.95rem;">SMS Dashboard</span>
-  </div>
-
-  <!-- ─── Mobile offcanvas sidebar ─── -->
-  <div class="offcanvas offcanvas-start" tabindex="-1" id="mobileSidebar">
-    <div class="offcanvas-header">
-      <div class="brand"
-        style="border:none;margin:0;padding:0;flex-direction:column;align-items:flex-start;gap:0.5rem;">
-        <span>IMFestival SMS Dashboard</span>
-      </div>
-      <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
-    </div>
-    <div class="offcanvas-body p-3">
-      <nav class="d-flex flex-column gap-1">
-        <a href="index.html" class="nav-link-custom">
-          <i class="fa-solid fa-house fa-fw"></i>
-          Home
-        </a>
-        <a href="attendees.html" class="nav-link-custom">
-          <i class="fa-solid fa-users fa-fw"></i>
-          Attendees
-        </a>
-        <a href="templates.html" class="nav-link-custom">
-          <i class="fa-solid fa-comment-sms fa-fw"></i>
-          SMS Templates
-        </a>
-        <a href="schedule.html" class="nav-link-custom">
-          <i class="fa-solid fa-calendar-days fa-fw"></i>
-          Schedule
-        </a>
-        <a href="delivery-log.html" class="nav-link-custom">
-          <i class="fa-solid fa-list-check fa-fw"></i>
-          Delivery Log
-        </a>
-      </nav>
-    </div>
+    <span style="font-weight:600;font-size:0.95rem;">Send SMS Now</span>
+    <span class="nav-username ms-auto" style="font-size:0.82rem;color:var(--text-muted);">User</span>
   </div>
 
   <!-- ─── Desktop sidebar ─── -->
@@ -401,6 +364,32 @@
     }
     checkApiKey();
   </script>
+  <nav class="bottom-nav" aria-label="Navigation">
+    <a href="index.html" class="bottom-nav-item">
+      <i class="fa-solid fa-house"></i>
+      <span>Home</span>
+    </a>
+    <a href="attendees.html" class="bottom-nav-item">
+      <i class="fa-solid fa-users"></i>
+      <span>Attendees</span>
+    </a>
+    <a href="templates.html" class="bottom-nav-item">
+      <i class="fa-solid fa-comment-sms"></i>
+      <span>Templates</span>
+    </a>
+    <a href="schedule.html" class="bottom-nav-item">
+      <i class="fa-solid fa-calendar-days"></i>
+      <span>Schedule</span>
+    </a>
+    <a href="delivery-log.html" class="bottom-nav-item">
+      <i class="fa-solid fa-list-check"></i>
+      <span>Log</span>
+    </a>
+    <a href="admin.html" class="bottom-nav-item admin-nav-link d-none">
+      <i class="fa-solid fa-user-shield"></i>
+      <span>Admin</span>
+    </a>
+  </nav>
 </body>
 
 </html>