fix: fit all mobile tabs

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;
+  }
+}