From 6ba568ea685f8cbd90f1e261dc816abc9a6deb57 Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Wed, 22 Apr 2026 00:06:14 +0200
Subject: [PATCH] fix: restore mobile nav labels with compact wrapping

---
 app/static/css/app.css | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/static/css/app.css b/app/static/css/app.css
index da12aac..6a178fa 100644
--- a/app/static/css/app.css
+++ b/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;
-    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;
   }
 }