Gave this one another shot
main ← fix-schema-setting-editor-layout
opened 10:02AM - 12 Jan 26 UTC
The schema setting editor used for theme/component object settings had a cramped… layout that didn't make good use of available space.
This commit improves the layout by:
- Increasing the navigation tree minimum width from 10em to 14em
- Changing fields from horizontal layout (label beside input) to vertical layout (label above input), matching FormKit patterns
- Reducing the gap between navigation and fields from 5vw to 2rem
- Allowing field inputs to stretch to full width
This is the "fix it in core" approach rather than adding theme-specific CSS identifiers, as discussed in the meta topic.
Ref: https://meta.discourse.org/t/392690
Follow-up to: https://github.com/discourse/discourse/pull/37043
**BEFORE**
<img width="1961" height="1453" alt="2026-01-12 @ 09 58 38" src="https://github.com/user-attachments/assets/fc78d8fb-6097-440c-8131-0dc98cda0e6d" />
**AFTER**
<img width="1961" height="1453" alt="2026-01-12 @ 09 58 32" src="https://github.com/user-attachments/assets/9f98483c-b2a3-49fc-8d70-5de6fe2b37a3" />
This is the simplest that I could do. Not sure we want to spend time re-working this UI - the “inner sidebar” feels “off” but that might be more work than what we can prioritize right now
