From cbc10bf58ee57fa6907b97f8c8a1bde60cefcca9 Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <openclaw-bot@friborg.uk>
Date: Sat, 9 May 2026 20:30:31 +0200
Subject: [PATCH] fix: fit all mobile tabs

---
 src/index.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/index.css b/src/index.css
index ed093bf..654282b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1154,3 +1154,20 @@ body {
     flex-direction: column;
   }
 }
+
+/* Phone tabs should be fully visible, not a hidden fourth item behind sideways scroll. */
+@media (max-width: 520px) {
+  .tab-bar {
+    overflow-x: hidden;
+  }
+
+  .tab {
+    flex: 1 1 0;
+    min-width: 0;
+    padding: 0.62rem 0.28rem;
+    white-space: normal;
+    text-align: center;
+    font-size: 0.78rem;
+    line-height: 1.1;
+  }
+}