fix: add phone layout gutters

2026-05-09 20:34:50 +02:00
parent 1c7bc0a691
commit 982cdff652
1 changed files with 12 additions and 0 deletions
@@ -1186,3 +1186,15 @@ body {
    font-size: 0.86rem;
  }
 }
+
+/* Give phone UI real gutters so controls read as intentional, not clipped. */
+@media (max-width: 520px) {
+  .app-shell {
+    width: min(100% - 2rem, 100%);
+  }
+
+  .tab-bar {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}