fix: fit all mobile tabs

2026-05-09 20:30:31 +02:00
parent f31120f67b
commit cbc10bf58e
1 changed files with 17 additions and 0 deletions
@@ -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;
+  }
+}