fix: restore mobile nav labels with compact wrapping

app/static/css/app.css

@@ -803,17 +803,30 @@ h2 { font-size: 1.2rem; margin-bottom: 0; }
 
   .bottom-nav {
     gap: 4px;
-    padding: 8px;
+    padding: 6px;
     border-radius: 20px;
   }
 
   .bottom-nav a {
-    font-size: 0.68rem;
+    gap: 4px;
-    padding: 8px 4px;
+    font-size: 0.56rem;
+    line-height: 1.05;
+    padding: 7px 2px;
   }
 
   .bottom-nav a span {
-    display: none;
+    display: block;
+    max-width: 100%;
+    min-height: 2.2em;
+    text-wrap: balance;
+    overflow-wrap: normal;
+    word-break: break-word;
+    hyphens: auto;
+  }
+
+  .bottom-nav a .ui-icon {
+    width: 18px;
+    height: 18px;
   }
 }