fabrica

hanna/fabrica

main
Switch branch
mainView all branches
Clone
HTTPS
SSH

fix(web): give inline-row controls an explicit equal height

e549894 · hanna committed on 2026-07-25

align-items:stretch wasn't reliably equalizing input/select/button heights in
the link, avatar-upload, and collaborator rows; pin every control to a shared
2.4rem height so they line up exactly.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k
1 files changed · +16 −0UnifiedSplit
assets/base.css +16 −0
@@ -363,6 +363,22 @@ select:focus {
363.link-add {363.link-add {
364 flex: 0 0 auto;364 flex: 0 0 auto;
365}365}
366
367/* Inline form rows (links, avatar upload, collaborators): every control gets
368 the same explicit height so inputs, selects, and buttons line up exactly. */
369.collab-add > input,
370.collab-add > select,
371.collab-add > button,
372.avatar-upload-row > input[type="file"],
373.avatar-upload-row > button,
374.link-slot,
375.link-add {
376 height: 2.4rem;
377}
378.avatar-upload-row input[type="file"] {
379 padding-top: 0;
380 padding-bottom: 0;
381}
366/* Without JS every slot shows; the enhancement hides empties behind Add. */382/* Without JS every slot shows; the enhancement hides empties behind Add. */
367[hidden] {383[hidden] {
368 display: none !important;384 display: none !important;