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.55rem 0.25rem;
+  padding: 0.5rem 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 {