From 2840d8b58e54b7b42331ba42990fba3285974f3f Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 2 Jun 2026 18:02:10 -0400 Subject: [PATCH] Fix agent tab wrapping: horizontal scroll instead of flex-shrink MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Tabs now scroll horizontally (overflow-x: auto) with hidden scrollbar - Each tab maintains its natural width (flex-shrink: 0) — no wrapping - Label stays pinned (flex-shrink: 0) so it doesn't get lost when scrolling --- static/index.html | 2 +- static/style.css | 15 +++++++++------ 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/static/index.html b/static/index.html index c2c5d16..109b4be 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 c6ccbcd..1322f78 100644 --- a/static/style.css +++ b/static/style.css @@ -51,7 +51,6 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b display: flex; align-items: center; gap: 8px; - flex-wrap: wrap; } .chat-profiles-label { @@ -59,20 +58,25 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b color: var(--text-muted); font-weight: 500; white-space: nowrap; + flex-shrink: 0; } .chat-profile-tabs { display: flex; gap: 4px; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; flex: 1; + padding-bottom: 2px; } +.chat-profile-tabs::-webkit-scrollbar { display: none; } .chat-profile-tab { display: flex; align-items: center; - justify-content: center; - gap: 5px; - padding: 5px 8px; + gap: 4px; + padding: 5px 10px; border: 1px solid var(--border); border-radius: 16px; background: transparent; @@ -81,8 +85,7 @@ 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; + flex-shrink: 0; } .chat-profile-tab:hover {