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 {
295 display: flex;295 display: flex;
296 gap: 0.5rem;296 gap: 0.5rem;
297 flex-wrap: wrap;297 flex-wrap: wrap;
298 align-items: center;298 align-items: stretch;
299}299}
300.collab-add input[type="text"] {300.collab-add input[type="text"] {
301 flex: 1;301 flex: 1;
@@ -306,6 +306,8 @@ body.drawer-open .drawer-backdrop {
306}306}
307.collab-add button {307.collab-add button {
308 flex: none;308 flex: none;
309 /* Override the card-form submit spacing so it aligns in the row. */
310 margin-top: 0;
309}311}
310312
311label {313label {
@@ -347,7 +349,7 @@ select:focus {
347.link-fields {349.link-fields {
348 display: flex;350 display: flex;
349 flex-wrap: wrap;351 flex-wrap: wrap;
350 align-items: center;352 align-items: stretch;
351 gap: 0.5rem;353 gap: 0.5rem;
352}354}
353.link-slot {355.link-slot {
@@ -755,7 +757,7 @@ select:focus {
755}757}
756.avatar-upload-row {758.avatar-upload-row {
757 display: flex;759 display: flex;
758 align-items: center;760 align-items: stretch;
759 gap: 0.75rem;761 gap: 0.75rem;
760 flex-wrap: wrap;762 flex-wrap: wrap;
761 margin-top: 0.6rem;763 margin-top: 0.6rem;