From 982cdff652eccf10a71c117b0e8098c8066bf856 Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <openclaw-bot@friborg.uk>
Date: Sat, 9 May 2026 20:34:50 +0200
Subject: [PATCH] fix: add phone layout gutters

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

diff --git a/src/index.css b/src/index.css
index 0044c11..55ff497 100644
--- a/src/index.css
+++ b/src/index.css
@@ -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;
+  }
+}