fix: restore mobile nav labels with compact wrapping

2026-04-22 00:06:14 +02:00
parent d5a2721c5f
commit 6ba568ea68
1 changed files with 17 additions and 4 deletions
@@ -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;
-    padding: 8px 4px;
+    gap: 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;
  }
 }