On /settings the vertical spacing between sections is cramped in places:
Under the dark mode toggle button: it nearly touches the "Theme" heading below it (~8-12px). Needs breathing room so the toggle reads as its own control, not attached to the Theme section.
Between the theme sections / between sections generally: increase inter-section padding (theme grid to Editor heading is OK-ish but could breathe more; overall section rhythm should be consistent).
Theme heading to grid: ~8-12px (fine, label-to-control)
Theme grid to Editor heading: ~20-24px
Line wrap to bottom divider: ~40-50px (unbalanced large empty gap)
Admin footer link tight against divider and card edge
Definition of done: consistent section spacing on /settings at 1400x900 and 375x812, dark and light presets; dark toggle clearly separated from the Theme section; no layout regressions (theme cards, wrap toggle, admin link all still render; page verified rendered-output, not just CSS). CSP note: dev may already require external CSS only (no inline styles) — follow current conventions in internal/web/static.
**Reported in chat**
On /settings the vertical spacing between sections is cramped in places:
- Under the dark mode toggle button: it nearly touches the "Theme" heading below it (~8-12px). Needs breathing room so the toggle reads as its own control, not attached to the Theme section.
- Between the theme sections / between sections generally: increase inter-section padding (theme grid to Editor heading is OK-ish but could breathe more; overall section rhythm should be consistent).
Reference screenshot analysis (dev, midnight dark, 1400x900):
- Dark toggle to Theme heading: ~8-12px (cramped)
- Theme heading to grid: ~8-12px (fine, label-to-control)
- Theme grid to Editor heading: ~20-24px
- Line wrap to bottom divider: ~40-50px (unbalanced large empty gap)
- Admin footer link tight against divider and card edge
Definition of done: consistent section spacing on /settings at 1400x900 and 375x812, dark and light presets; dark toggle clearly separated from the Theme section; no layout regressions (theme cards, wrap toggle, admin link all still render; page verified rendered-output, not just CSS). CSP note: dev may already require external CSS only (no inline styles) — follow current conventions in internal/web/static.
fen
added the In Progress label 2026-09-10 14:40:20 +00:00
fen
added spent time 1 minute2026-09-10 14:40:27 +00:00
QA passed: merged PR #165 into dev (merge commit 5dba3562), CI test+docker jobs success, palette-dev restarted with the new :dev image (pod imageID sha256:87265a1a... matches node-side crictl digest). Rendered-output verification on https://palette-dev.archfox.org/settings via headless chromium --dump-dom --virtual-time-budget=3000: 50 swatch elements and 5 theme-card elements rendered, dark toggle rendered in both topbar and settings, zero CSP violations in console. New CSS served (served app.css carries #settings-dark-toggle margin-bottom:20px, .settings-body h3 margin-top:28px, .settings-body .theme-grid margin-bottom:8px). Dark toggle now clearly separated from the Theme section; section rhythm consistent. No prod (namespace palette) touched.
QA passed: merged PR #165 into dev (merge commit 5dba3562), CI test+docker jobs success, palette-dev restarted with the new :dev image (pod imageID sha256:87265a1a... matches node-side crictl digest). Rendered-output verification on https://palette-dev.archfox.org/settings via headless chromium --dump-dom --virtual-time-budget=3000: 50 swatch elements and 5 theme-card elements rendered, dark toggle rendered in both topbar and settings, zero CSP violations in console. New CSS served (served app.css carries #settings-dark-toggle margin-bottom:20px, .settings-body h3 margin-top:28px, .settings-body .theme-grid margin-bottom:8px). Dark toggle now clearly separated from the Theme section; section rhythm consistent. No prod (namespace palette) touched.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Reported in chat
On /settings the vertical spacing between sections is cramped in places:
Reference screenshot analysis (dev, midnight dark, 1400x900):
Definition of done: consistent section spacing on /settings at 1400x900 and 375x812, dark and light presets; dark toggle clearly separated from the Theme section; no layout regressions (theme cards, wrap toggle, admin link all still render; page verified rendered-output, not just CSS). CSP note: dev may already require external CSS only (no inline styles) — follow current conventions in internal/web/static.
QA passed: merged PR #165 into dev (merge commit
5dba3562), CI test+docker jobs success, palette-dev restarted with the new :dev image (pod imageID sha256:87265a1a... matches node-side crictl digest). Rendered-output verification on https://palette-dev.archfox.org/settings via headless chromium --dump-dom --virtual-time-budget=3000: 50 swatch elements and 5 theme-card elements rendered, dark toggle rendered in both topbar and settings, zero CSP violations in console. New CSS served (served app.css carries #settings-dark-toggle margin-bottom:20px, .settings-body h3 margin-top:28px, .settings-body .theme-grid margin-bottom:8px). Dark toggle now clearly separated from the Theme section; section rhythm consistent. No prod (namespace palette) touched.