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 {
353.link-slot {353.link-slot {
354 flex: 1 1 100%;354 flex: 1 1 100%;
355}355}
356/* Concrete basis (not auto) so the global input width:100% doesn't claim the
357 whole row and wrap the Add button below. */
356.link-slot.last-visible {358.link-slot.last-visible {
357 flex: 1 1 auto;359 flex: 1 1 12rem;
358}360}
359.link-add {361.link-add {
360 flex: 0 0 auto;362 flex: 0 0 auto;
@@ -759,8 +761,9 @@ select:focus {
759 margin-top: 0.6rem;761 margin-top: 0.6rem;
760}762}
761.avatar-form input[type="file"] {763.avatar-form input[type="file"] {
762 flex: 1;764 flex: 0 1 auto;
763 min-width: 12rem;765 min-width: 0;
766 max-width: 100%;
764 padding: 0.4rem;767 padding: 0.4rem;
765 background: var(--fb-bg-inset);768 background: var(--fb-bg-inset);
766 border: 1px solid var(--fb-border);769 border: 1px solid var(--fb-border);