chore: update css for menu bar

web/assets/css/dashboard.css

@@ -120,7 +120,10 @@ body {
   background: var(--bg-surface);
   border-top: 1px solid var(--border);
   z-index: 1040;
-  padding-bottom: env(safe-area-inset-bottom);
+  flex-direction: row;
+  gap: 0.75rem;
+  align-items: stretch;
+  padding: 0.5rem max(0.5rem, env(safe-area-inset-left)) calc(0.5rem + env(safe-area-inset-bottom)) max(0.5rem, env(safe-area-inset-right));
 }
 
 .bottom-nav a {
@@ -129,13 +132,12 @@ body {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 0.2rem;
+  padding: 0.5rem 0.25rem;
-  padding: 0.55rem 0.25rem;
   color: var(--text-muted);
   text-decoration: none;
   font-size: 0.68rem;
-  min-width: 0;
   transition: color 0.15s;
+  white-space: nowrap;
 }
 
 .bottom-nav a i {

web/delivery-log.html

@@ -88,7 +88,7 @@
         </div>
         <div class="col-4">
           <div class="stat-card">
-            <div class="stat-label">Success Rate</div>
+            <div class="stat-label">S/R</div>
             <div class="stat-value" id="stat-rate">—</div>
           </div>
         </div>