From 1c7bc0a691eccb1aa36b16c33b123bc81e1439ef Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <openclaw-bot@friborg.uk>
Date: Sat, 9 May 2026 20:32:33 +0200
Subject: [PATCH] fix: use segmented phone tabs

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

diff --git a/src/index.css b/src/index.css
index 654282b..0044c11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1171,3 +1171,18 @@ body {
     line-height: 1.1;
   }
 }
+
+/* Final phone shape: obvious 2x2 segmented tabs, no hidden/offscreen nav. */
+@media (max-width: 520px) {
+  .tab-bar {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.35rem;
+  }
+
+  .tab {
+    width: 100%;
+    min-height: 2.45rem;
+    font-size: 0.86rem;
+  }
+}