From a9d6e9cccdf8af000dbfe57b4213c8409fc2e80d Mon Sep 17 00:00:00 2001 From: pythonlearner1025 <77006616+pythonlearner1025@users.noreply.github.com> Date: Fri, 28 Aug 2026 00:58:04 +0000 Subject: [PATCH] fix(webapp): put Refresh in the picker's control row, not below it The controls grid had two columns and three children, so Refresh wrapped to a row of its own, and `justify-self: end` then parked it against the inner edge of a full-width column. It read as an orphan rather than a control. Three columns instead, and the button takes the padding and font of the input and select beside it, so the row reads as three controls rather than two and a button. Co-Authored-By: Claude Opus 5 --- .../webapp/src/create-workspace-dialog.css | 20 +++++++++---------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/packages/webapp/src/create-workspace-dialog.css b/packages/webapp/src/create-workspace-dialog.css index c5bdcbf8..e9c3652d 100644 --- a/packages/webapp/src/create-workspace-dialog.css +++ b/packages/webapp/src/create-workspace-dialog.css @@ -784,26 +784,24 @@ .tplf-repos-controls { display: grid; - grid-template-columns: minmax(0, 1fr) minmax(120px, auto); + /* Search, account filter, Refresh — one row. Refresh is a control over the + list below, so it belongs beside the other two rather than stranded on a + row of its own. */ + grid-template-columns: minmax(0, 1fr) minmax(120px, auto) auto; gap: 6px; } -/* Sits with the filters because a member reaches for it mid-selection, once - they notice an account missing. */ +/* Matches the input and select beside it: same padding, same font, so the row + reads as three controls rather than two plus a button. */ .tplf-repos-refresh { + padding: 5px 10px; border: 1px solid var(--rule); border-radius: var(--r-item); background: var(--paper); color: var(--ink); - padding: 5px 12px; + font: 12px/1.5 var(--font-ui); cursor: pointer; - font: 11px/1.5 var(--font-ui); - text-align: center; - text-decoration: none; -} - -.tplf-repos-refresh { - justify-self: end; + white-space: nowrap; } .tplf-repos-controls input,