fix: improve CSS layout with box-sizing reset, responsive alerts, and form spacing

- Add universal box-sizing: border-box reset to base styles
- Make alert component responsive with container queries (flex-wrap,
  full-width title/body at narrow widths)
- Increase form legend margin-bottom from --size-1 to --size-3
This commit is contained in:
Florian Schroedl
2026-03-11 11:09:47 +01:00
parent 828d467226
commit 13508f4654
3 changed files with 16 additions and 3 deletions

View File

@@ -58,7 +58,11 @@
(defn base-css
"Generate base body/reset styles."
[]
"body {
"*, *::before, *::after {
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
margin: 0;
background: var(--bg-0);