From 219093c823494bc8d760c99a7a55c4a23059abb5 Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Wed, 7 Oct 2026 11:38:39 +0200 Subject: fix(hub): move "clear finished" into the finished group's head 9269374 let the transfers header wrap, which broke the one-line header test_layout_measured enforces. The button now sits beside what it clears, and the header is title and summary only. Co-Authored-By: Claude Opus 5.5 --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css') diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index f9dc3d8..539ac12 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -2735,10 +2735,9 @@ button:disabled { opacity: 0.5; cursor: not-allowed; } } .transfer-head { display: flex; - flex-wrap: wrap; align-items: center; justify-content: space-between; - gap: 4px 8px; + gap: 8px; font-weight: 600; font-size: 0.85em; color: var(--text); @@ -5391,18 +5390,24 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } and go pushes every row under it. */ white-space: nowrap; } -/* Title, summary and this button do not fit 330 px in French, and every row - below truncates rather than scrolls: the button takes a line of its own, - still on the right, instead of pushing the panel into a sideways scroll. */ -.transfer-head .btn-secondary { margin-left: auto; } .transfer-group + .transfer-group { border-top: 1px solid var(--border); } .transfer-group-head { + display: flex; + align-items: center; + justify-content: space-between; padding: .35rem .6rem .2rem; font-size: .78em; text-transform: uppercase; letter-spacing: .04em; color: var(--text-dim); } +/* A button, not a label: none of the head's small capitals. */ +.transfer-group-head .btn-secondary { + text-transform: none; + letter-spacing: normal; + font-size: 1.05em; + padding: 2px 8px; +} /* Finished rows recede rather than disappear: somebody who just downloaded three files wants to see that all three are there. */ .transfer-item.transfer-done .transfer-name, -- cgit v1.2.3