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 {