diff options
| author | Christophe Besson <cbesson@gmail.com> | 2026-10-07 11:38:39 +0200 |
|---|---|---|
| committer | Christophe Besson <cbesson@gmail.com> | 2026-10-07 11:38:39 +0200 |
| commit | 219093c823494bc8d760c99a7a55c4a23059abb5 (patch) | |
| tree | 98ef5b17bceea51a6b090bf61b2f91dadb168e49 /packages/meshbay-hub/src/meshbay_hub/static/style.css | |
| parent | 926937413857e6a139388ad6e2fa33b2d2808ca8 (diff) | |
| download | meshbay-219093c823494bc8d760c99a7a55c4a23059abb5.tar.gz | |
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 <noreply@anthropic.com>
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 17 |
1 files changed, 11 insertions, 6 deletions
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, |