hanna/fabrica

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

assets/base.css +16 −0

@@ @@ -363,6 +363,22 @@ select:focus { @@
 .link-add {
   flex: 0 0 auto;
+}
 /* Inline form rows (links, avatar upload, collaborators): every control gets
    the same explicit height so inputs, selects, and buttons line up exactly. */
 .collab-add > input,
 .collab-add > select,
 .collab-add > button,
 .avatar-upload-row > input[type="file"],
 .avatar-upload-row > button,
 .link-slot,
 .link-add {
   height: 2.4rem;
+}
 .avatar-upload-row input[type="file"] {
   padding-top: 0;
   padding-bottom: 0;
+}
 /* Without JS every slot shows; the enhancement hides empties behind Add. */
 [hidden] {
   display: none !important;