From 03121d6b7ef5b6bb5f13e086ade8c7bd15274626 Mon Sep 17 00:00:00 2001 From: Pontoporeia Date: Thu, 7 May 2026 20:52:04 +0200 Subject: [PATCH] form: add spacing between elements inside fieldsets - common.css: fieldset > *:not(:last-child) gets margin-bottom: var(--space-xs) - admin.css: .param-form fieldset > * zeroes margin to avoid double-spacing with flex gap --- TODO.md | 4 ++++ app/public/assets/css/admin.css | 4 ++++ app/public/assets/css/common.css | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/TODO.md b/TODO.md index 28e1d63..73beb4d 100644 --- a/TODO.md +++ b/TODO.md @@ -105,6 +105,10 @@ - [x] Fix single-valued FK columns (years, ap, or, fi): matched entries now use full intersection so clicking one entry correctly fades others with zero results - [x] Fix column ordering: students between finalité and mots-clés +## Add spacing between form elements inside fieldsets +- [x] `common.css` — `fieldset > *:not(:last-child) { margin-bottom: var(--space-xs); }` +- [x] `admin.css` — `.param-form fieldset > * { margin-bottom: 0; }` to avoid double-spacing with flex gap + ## Standardise buttons with .btn base class - [x] Create `.btn` base class in common.css: `border-radius: 10px; padding: var(--space-xs)` + background + cursor - [x] Add `.btn--primary` (accent bg), `.btn--secondary` (--bg bg + border), `.btn--sm`, `.btn--lg`, `.btn--danger`, `.btn--warning`, `.btn--success`, `.btn--ghost`, `.btn--muted`, `.btn--blue`, `.btn--yellow`, `.btn--green`, `.btn--red` modifiers diff --git a/app/public/assets/css/admin.css b/app/public/assets/css/admin.css index 860aa65..5bd7b16 100644 --- a/app/public/assets/css/admin.css +++ b/app/public/assets/css/admin.css @@ -904,6 +904,10 @@ gap: var(--space-xs); } +.param-form fieldset > * { + margin-bottom: 0; +} + .param-form legend { padding: 0 var(--space-xs); } diff --git a/app/public/assets/css/common.css b/app/public/assets/css/common.css index 25105d9..a9d5065 100644 --- a/app/public/assets/css/common.css +++ b/app/public/assets/css/common.css @@ -571,6 +571,10 @@ fieldset { margin: 0; } +fieldset > *:not(:last-child) { + margin-bottom: var(--space-xs); +} + legend { font-size: var(--step--1); font-weight: 600;