From 58be8e91bfeb17e1c930dc69e89ff41e5c73373f Mon Sep 17 00:00:00 2001 From: Aditi Chauhan Date: Sun, 24 May 2026 12:14:01 +0530 Subject: [PATCH] fix(web): prevent brand and project name from wrapping in narrow topbar - Add white-space: nowrap + flex-shrink: 0 to .dashboard-app-header__brand so "Agent Orchestrator" stays on one line and is never squeezed by the spacer flex item - Add white-space: nowrap + overflow: hidden + text-overflow: ellipsis to .dashboard-app-header__project so project names truncate instead of wrapping to a second line and pushing the pills group taller Co-Authored-By: Claude Sonnet 4.6 --- packages/web/src/app/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/web/src/app/globals.css b/packages/web/src/app/globals.css index 74033b5ae..17dafa1f6 100644 --- a/packages/web/src/app/globals.css +++ b/packages/web/src/app/globals.css @@ -1177,6 +1177,8 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active { font-weight: 500; letter-spacing: -0.01em; color: var(--color-text-primary); + white-space: nowrap; + flex-shrink: 0; } .dashboard-app-header__brand-dot { @@ -1199,6 +1201,10 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active { font-size: 12px; font-weight: 400; color: var(--color-text-secondary); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + min-width: 0; } .dashboard-app-header__spacer {