From f9151f0875eebb0d341999f3236111a94e695534 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Thu, 15 Oct 2026 21:04:52 +0200 Subject: [PATCH] v0.316.3: the content column sits closer to the top and the sidebar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .app-page carried the mockup's 32px 48px 64px, but the .content wrapper it lives in already supplies 2rem (1rem on a phone). The two added up: 64px from the top and 80px from the sidebar, which is the gap the operator called too big. .app-page now adds no top or side padding of its own — .content's is the page's — and keeps only the extra room at the bottom. Reported from the rendered page with DevTools open, where both paddings are visible at once. The mockup's numbers were the TOTAL the page should show, not an amount to add to what was already there. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_0117kRTSgs3rJWUFGxyoWN6Y --- CHANGELOG.md | 7 +++++++ controller/internal/web/templates/style.css | 8 ++++++-- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9a7b2d5..8fcca08 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ ## v0.316.3 — the app page as one column, finished (2026-10-15) +- **The column sat too far from the top and the sidebar.** `.app-page` carried the mockup's + `32px 48px 64px`, but the `.content` wrapper it lives in already supplies `2rem` (1rem on a + phone) — so the real gap was 64px from the top and 80px from the sidebar. `.app-page` now adds + no top or side padding of its own, only the extra room at the bottom. Reported by the operator + from the rendered page with DevTools open; the two paddings are visible there as `.content` + `padding: 2rem` and `.app-page` `padding: 32px 48px 64px`. + **MinAgent: 0.155.0** (unchanged). A third number in one evening, and each one is the rule working: a version is pushed once, so a fix found after a push gets the next patch number rather than a second push of the old one. diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css index 30c5c98..8df1498 100644 --- a/controller/internal/web/templates/style.css +++ b/controller/internal/web/templates/style.css @@ -1311,7 +1311,11 @@ a.stat-card:hover { .app-page { max-width: 820px; - padding: 32px 48px 64px; + /* NO top/side padding of its own: the `.content` wrapper this sits in already supplies 2rem + (1rem on a phone). Adding the mockup's 32/48 on top of that pushed the column 64px from the + top and 80px from the sidebar — the gap the operator called too big. Only the extra bottom + room is this element's to add. */ + padding: 0 0 32px; } /* The log is the one tab whose content is genuinely wide: log lines are long, and wrapping them at 820px makes them unreadable. */ @@ -1443,7 +1447,7 @@ a.stat-card:hover { .app-faq dd { color: var(--text-2); margin: .25rem 0 0; padding: 0; } @media (max-width: 720px) { - .app-page { padding: 20px 16px 48px; } + .app-page { padding: 0 0 24px; } .app-field-row { grid-template-columns: 1fr; gap: 4px; } .app-hero-actions { margin-left: 0; flex-basis: 100%; } .app-tabs { gap: 18px; }