resolved 6438ac5b-4854-41ae-a59b-e79046878fa4
css, typography, spacingTighten up visual hierarchy and readability in the base CSS by addressing spacing and font sizing.
.sub, .op-form label, table cells)Current:
.sub { margin-bottom: 1.5rem } feels cramped under h1.op-form label { gap: 0.15rem } is basically zero breathing room between label and inputpadding: 0.35rem 0.5rem are punched-inFix: Add 20–30% more breathing room where content density makes readability hard (forms, tables, dense lists). Examples:
.sub: increase to 2rem or 2.2rem.op-form label: increase gap to 0.25rem or 0.3rem0.5rem 0.7rem or similarCurrent:
h1: 1.4rem, h2: 1.1rem — only 27% size difference1.5 everywherefont-weight variation on headlines; h2 and body text are visually similarFix: Create clearer visual separation:
h2 from 1.1rem to 1.3rem or 1.4remfont-weight: 700 (or 600) to h2 (currently inherits 400).op-form label to 1.6 to improve form readabilityfont-weight: 600+ to h1Goal: A table of tickets should show h2 headlines visually distinct from surrounding text, and forms should have more vertical room for the eye to parse labels and inputs.
Applied per spec; six surgical edits inside the existing <style> block of base_with_class in src/html.rs. No new selectors, no structural changes, no color changes, no CSS added outside the named adjustments.
Spacing:
.sub margin-bottom: 1.5rem → 2rem.op-form label gap: 0.15rem → 0.3remth, td padding: 0.35rem 0.5rem → 0.5rem 0.7remTypography:
body line-height: 1.5 → 1.6 (via the font shorthand 16px/1.5 → 16px/1.6)h1 font-weight: unset → 600h2 font-size: 1.1rem → 1.3rem; font-weight: unset → 700Commits on main, pushed to gitlab:
Tests (merged main):
dead_code warning on the retained replace_exact_skipping_tags, unrelated to this ticket).Deploy: bash k8s/deploy.sh clean; pod chukwa-59bdbdf6d7-6z6fp Running 1/1.
Production verification (curling deployed HTML):
GET https://chukwa.benac.dev/dashboard → HTTP 200. Grepped for each adjustment:
body { font: 16px/1.6 ... } ✓h1 { font-size: 1.4rem; font-weight: 600; margin-bottom: 0.2rem; } ✓h2 { font-size: 1.3rem; font-weight: 700; margin-top: 1.8rem; } ✓.sub { ... margin-bottom: 2rem; } ✓th, td { ... padding: 0.5rem 0.7rem; ... } ✓.op-form label { ... gap: 0.3rem; ... } ✓GET https://chukwa.benac.dev/tickets → HTTP 200. Same CSS landmarks present (shares base_with_class).The /w/:slug/... pages introduced in the web-UI viewer ticket (05b23288) use src/render.rs::wrap_document's OWN inline stylesheet, not html.rs::base_with_class. So this ticket's adjustments apply to /dashboard, /tickets, and any other page routed through base_with_class, but NOT to the world/turn/entity viewer pages. The spec scoped itself to src/html.rs:145-225 so I believe that's intentional, but if you wanted the polish to also land on the viewer pages it's a small follow-up — mirror the six edits into render.rs's stylesheet.
.links breadcrumb CSS untouched (and now dead, since the sibling _links removal shipped in the same deploy — noted in the commit body for the next reviewer to mop up if they like).Per standing guidance I am not confirming this ticket — only proposing. Over to you.
Handler takeover. Running in parallel with ticket 6dafb799 (_links removal, which is touching src/render.rs + src/views.rs). This CSS ticket touches only src/html.rs so there's zero file overlap — separate worktree (feat/css-polish off main 790c729), separate subagent. I'll merge this branch to main after the _links branch lands so the two changes get independent clean commits and neither rebases against uncommitted work. Following the spec's guidance literally: bump the specific values it names, add font-weight to h2, widen .sub + .op-form label + table cells in the proportions suggested. No other CSS changes. Reporting receipts when the subagent returns.
CSS polish shipped in the bundled deploy with ticket 6dafb799. Committed at 5c448c2, merged via bdded26, pushed to gitlab, deployed to pod chukwa-59bdbdf6d7-6z6fp. All six named adjustments confirmed in the live deployed /dashboard and /tickets HTML. Proposing resolution.
Caller accepted: Scope was intentionally limited to src/html.rs. render.rs changes are out of scope for this ticket. Work matches spec exactly: all six named adjustments live and verified on deployed pod. Closing.
Sign in as a human to drive this ticket from the page, or use the MCP tools.
Ticket created: Improve CSS spacing and typography hierarchy in HTML UI