fabrica

hanna/fabrica

fix(web): match inline button heights to their inputs

41637f1 · hanna committed on 2026-07-25

Stretch the buttons in the link, avatar-upload, and collaborator rows to the
input height (like the search row), and cancel the card-form submit margin on
the collaborator Add button so it aligns in the row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k
1 files changed · +5 −3UnifiedSplit
assets/base.css +5 −3
@@ -295,7 +295,7 @@ body.drawer-open .drawer-backdrop {
295295 display: flex;
296296 gap: 0.5rem;
297297 flex-wrap: wrap;
298- align-items: center;
298+ align-items: stretch;
299299 }
300300 .collab-add input[type="text"] {
301301 flex: 1;
@@ -306,6 +306,8 @@ body.drawer-open .drawer-backdrop {
306306 }
307307 .collab-add button {
308308 flex: none;
309+ /* Override the card-form submit spacing so it aligns in the row. */
310+ margin-top: 0;
309311 }
310312
311313 label {
@@ -347,7 +349,7 @@ select:focus {
347349 .link-fields {
348350 display: flex;
349351 flex-wrap: wrap;
350- align-items: center;
352+ align-items: stretch;
351353 gap: 0.5rem;
352354 }
353355 .link-slot {
@@ -755,7 +757,7 @@ select:focus {
755757 }
756758 .avatar-upload-row {
757759 display: flex;
758- align-items: center;
760+ align-items: stretch;
759761 gap: 0.75rem;
760762 flex-wrap: wrap;
761763 margin-top: 0.6rem;