#11663: fix: prevent config page header overlap with settings form
app: web-ui
stale
Cluster:
UI Overlap Fixes
## Summary
- The `.config-layout` in the config page had `margin: -16px` on all sides, causing the settings form to overlap the page title ("Config") and subtitle ("Edit ~/.openclaw/openclaw.json safely.") rendered by `.content-header`
- Changed to `margin: 0 -16px -16px -16px` to preserve the edge-to-edge bleed on sides and bottom while removing the upward overlap
## AI-Assisted PR
- [x] AI-assisted (Claude)
- [x] Lightly tested — verified visually against a running gateway instance
- [x] I understand what the code does
## Test plan
- [ ] Open the gateway dashboard at `/config`
- [ ] Verify the "Config" title and "Edit ~/.openclaw/openclaw.json safely." subtitle are fully visible and not overlapped by the settings form below
🤖 Generated with [Claude Code](https://claude.com/claude-code)
<!-- greptile_comment -->
<h2>Greptile Overview</h2>
<h3>Greptile Summary</h3>
This PR adjusts the config page layout container styling in `ui/src/styles/config.css` by changing `.config-layout` from `margin: -16px` to `margin: 0 -16px -16px -16px`. The intent is to preserve the side/bottom “bleed” while removing the negative top margin that caused the settings form to overlap the config page header (`.content-header`).
The change is narrowly scoped to the config page CSS and does not alter any runtime logic—only layout/spacing behavior of the main grid container on `/config`.
<h3>Confidence Score: 5/5</h3>
- This PR is safe to merge with minimal risk.
- The change is a single, targeted CSS margin adjustment confined to the config page layout container; it resolves an overlap bug without affecting application logic or introducing complex interactions.
- No files require special attention
<!-- greptile_other_comments_section -->
<sub>(2/5) Greptile learns from your feedback when you react with thumbs up/down!</sub>
<!-- /greptile_comment -->
Most Similar PRs
#15215: fix(UI): Prevent config layout panel from overlapping description text
by Chityalaakhil · 2026-02-13
86.4%
#20064: UI: fix form overlapping subtitle in config screen
by powerdot · 2026-02-18
84.1%
#13838: UI: fix config panel CI failures and modularize rendering
by fresed05 · 2026-02-11
77.6%
#5823: fix(config): exit cleanly on invalid config instead of high CPU loop
by gavinbmoore · 2026-02-01
76.4%
#11602: fix(config): skip stale legacy config files when openclaw.json exists
by akoscz · 2026-02-08
76.3%
#13960: fix(ui): preserve structured config validation error details
by constansino · 2026-02-11
76.2%
#7316: fix: /chat dashboard performance
by felipcsousa · 2026-02-02
75.7%
#10991: feat(gateway): add configurable instance name for Control UI title
by Annaxiebot · 2026-02-07
75.6%
#9628: fix: resolve tsconfig rootDir errors by separating UI config (AI-as...
by KGBos · 2026-02-05
75.6%
#6812: fix(ui): make topbar height flexible to avoid header/title overlap
by x0m4ek · 2026-02-02
75.4%