From 305377b55047afcc76f877f1851fb66737979899 Mon Sep 17 00:00:00 2001 From: Bob Lee Date: Thu, 30 Jul 2026 07:19:10 -0700 Subject: [PATCH] fix(web-ui): align remote workspace hostname --- .../NavPanel/sections/workspaces/WorkspaceListSection.scss | 1 + .../sections/workspaces/WorkspaceListSectionLayout.test.ts | 3 +++ 2 files changed, 4 insertions(+) diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss index ea0c31a0a..f00a33bc6 100644 --- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss +++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss @@ -482,6 +482,7 @@ gap: 5px; min-width: 0; max-width: 100%; + margin-left: -6px; padding: 0 5px 0 6px; border-radius: 999px; background: color-mix(in srgb, var(--element-bg-medium) 62%, transparent); diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts index e77d16bad..885d2ff37 100644 --- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts +++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts @@ -100,8 +100,11 @@ describe('WorkspaceListSection layout styles', () => { it('keeps remote connection metadata inside the sidebar with the status dot on the right', () => { const stylesheet = readWorkspaceListStylesheet(); + const remoteChip = extractBlock(stylesheet, '&__workspace-item-remote'); const remoteName = extractBlock(stylesheet, '&__workspace-item-remote-name'); + expect(remoteChip).toContain('margin-left: -6px;'); + expect(remoteChip).toContain('padding: 0 5px 0 6px;'); expect(remoteName).toContain('flex: 0 1 auto;'); expect(remoteName).toContain('max-width: 160px;'); expect(remoteName).toContain('overflow: hidden;');