From 147c2eb30d6bced443c746f5f098e73469f217c8 Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 2 Jun 2026 17:53:12 -0400 Subject: [PATCH] =?UTF-8?q?Widen=20mobile=20panels=2072%=20=E2=86=92=2088%?= =?UTF-8?q?,=20stretch=20profile=20tabs=20horizontally?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Mobile panel max-width: 72% → 88% (6% margins each side) - Profile tabs: flex:1 with justify-content:center, fill available width - Cache buster style.css v=13 → v=14 --- static/index.html | 2 +- static/style.css | 11 +++++++---- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/static/index.html b/static/index.html index 786f676..1b07863 100644 --- a/static/index.html +++ b/static/index.html @@ -5,7 +5,7 @@ Hermes Command Center - +
diff --git a/static/style.css b/static/style.css index 6ddd134..f8981ea 100644 --- a/static/style.css +++ b/static/style.css @@ -64,14 +64,15 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b .chat-profile-tabs { display: flex; gap: 4px; - flex-wrap: wrap; + flex: 1; } .chat-profile-tab { display: flex; align-items: center; - gap: 6px; - padding: 5px 12px; + justify-content: center; + gap: 5px; + padding: 5px 8px; border: 1px solid var(--border); border-radius: 16px; background: transparent; @@ -80,6 +81,8 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b cursor: pointer; transition: all 0.15s; white-space: nowrap; + flex: 1; + min-width: 0; } .chat-profile-tab:hover { @@ -1333,7 +1336,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b /* All panels on mobile: centered via grid parent */ .panel { width: 100%; - max-width: 72%; + max-width: 88%; margin: 0 0 12px; padding: 10px; border-radius: 10px;