fabrica

hanna/fabrica

main
Switch branch
mainView all branches
Clone
HTTPS
SSH

fix(web): link Add button placement and avatar file-input width

2776438 · hanna committed on 2026-07-25

The profile link slot used flex-basis auto, which the global input width:100%
resolved to a full row, wrapping the Add button below — give the last slot a
concrete 12rem basis so Add sits beside it. Stop the avatar file input from
stretching full-width (natural width, Upload beside it).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k
1 files changed · +6 −3UnifiedSplit
assets/base.css +6 −3
@@ -353,8 +353,10 @@ select:focus {
353353 .link-slot {
354354 flex: 1 1 100%;
355355 }
356+/* Concrete basis (not auto) so the global input width:100% doesn't claim the
357+ whole row and wrap the Add button below. */
356358 .link-slot.last-visible {
357- flex: 1 1 auto;
359+ flex: 1 1 12rem;
358360 }
359361 .link-add {
360362 flex: 0 0 auto;
@@ -759,8 +761,9 @@ select:focus {
759761 margin-top: 0.6rem;
760762 }
761763 .avatar-form input[type="file"] {
762- flex: 1;
763- min-width: 12rem;
764+ flex: 0 1 auto;
765+ min-width: 0;
766+ max-width: 100%;
764767 padding: 0.4rem;
765768 background: var(--fb-bg-inset);
766769 border: 1px solid var(--fb-border);