Skip to content

Commit b249c1c

Browse files
author
Developer
committed
fix: runtime lane button overflow — flex-wrap + smaller buttons
The welcome-remote-row had 4 runtime buttons (Hermes, OpenClaw, IronClaw, Raven) in a 420px max-width card with no flex-wrap, causing the 4th button (Raven EverMind) to overflow the card border. Fix: - Added flex-wrap: wrap to .welcome-remote-row so buttons wrap to a new line - Added smaller font-size (12px) and tighter padding (6px 12px) for runtime lane buttons to help them fit on one line when possible - Added white-space: nowrap so button labels don't break mid-word Verified: typecheck pass, 115/115 test files, 1300 tests passed
1 parent 074bef9 commit b249c1c

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

  • agent-desktop/src/renderer/src/assets

agent-desktop/src/renderer/src/assets/main.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -820,10 +820,17 @@ select:focus-visible {
820820

821821
.welcome-remote-row {
822822
display: flex;
823+
flex-wrap: wrap;
823824
gap: 8px;
824825
align-items: center;
825826
}
826827

828+
.welcome-remote-row .btn {
829+
font-size: 12px;
830+
padding: 6px 12px;
831+
white-space: nowrap;
832+
}
833+
827834
.welcome-remote-row--spaced {
828835
margin-top: 16px;
829836
}

0 commit comments

Comments
 (0)