felhom.eu/REPORT-dashboard-layout.md

REPORT — three dashboard layout fixes (2026-10-08)

REPORT-dashboard-layout.md, not REPORT.md: other sessions work in felhom.eu and felhom-controller today. The controller's own REPORT.md and CONTEXT.md were left to the session that owns them; the controller CHANGELOG.md carries this work.

Baseline: controller main = 05e12921 (2026-10-08 10:25), fleet 0.303.0, scratch 9202 on 0.303.0. Read first: controller CLAUDE.md + .claude/rules/, felhom-ui-design, 10-localisation.md §1 and §2.3 (the parity fixtures: a deliberate change is recorded by deleting the fixture, re-writing it with -update-i18n-golden, and measuring that the diff is exactly the change — CHANGELOG.md v0.250.0 / v0.255.0 precedent).

Part	What	State
A	Apps card header: logo + name (+ address) over a wrapping tags row; logo top-aligned; address one line, ellipsis, full in title	Done on main (d5f2e47, fixtures e37e9b5) — R-909
B	R-907: the Launcher header wraps on a phone	Done on main (d5f2e47)
B+	Found live: a banner's link ran past a phone screen and had no colour; fixed in the session (small)	Done on main (423b6d3)
C	R-906: the overflow counted after the page filter	Done on main (d5f2e47)
D	Red tests, fixtures, test build on 9202, before/after pictures, 9202 put back	Done
E	Register, CHANGELOG, STATUS	Done

Register: before 131, after 134, opened 3 (R-909, R-910, R-911), closed 0. R-906 and R-907 moved to „VERIFY — fixed on main, ships with tomorrow's controller release".

Red tests (documentation/audits/dashboard-layout-2026-10-08/red-proofs.txt)

Mutation for all three: stacks.html, style.css and handlers.go put back to 05e12921, tests from 423b6d3.

Test	Failure line (excerpt)
TestStackCardHeaderLayout	hu card 0: want the title row, then a .stack-tags row (title 13, tags -1) (16 cards, hu + en); .stack-detail-header must stack the title row over the tags … justify-content: space-between; .stack-title-row must align the logo to the top of the name … align-items: center; style.css has no top-level ".stack-title-text" rule
TestR907_PageHeaderWrapsOnAPhone	the phone block must let .page-header wrap; the share button's text must stay whole …; the phone block lacks \.alert-banner \{[^}]*flex-wrap: wrap (+2); .alert-link must take the banner's colour …
TestR906_OverflowCountsOnlyThisPagesBannerAlerts	/launcher: an overflow line is shown, but this page shows no more than one banner alert and /launcher: 0 warning banners, want 1 (the hub-off warning) — on /launcher, /stacks, /backups, /monitoring, /launcher?lang=en, /stacks?lang=en

TestR906_CapStillCountsBannerAlerts pins that the cap still works (six banner alerts → five + „+ 1").

Re-captured fixtures (e37e9b5, its own commit)

stacks_full, stacks_unhealthy_stop, stacks_install_interrupted — because the Apps card's MARKUP changed (a wrapper, an address span + title, a tags row), not its words. Measured (fixture-diff.txt): each = its predecessor with exactly the template change applied, byte-for-byte, 3 of 3; visible text identical. No other fixture moved; TestI18nParity and TestI18nEnglishPages green. Hungarian: not one string changed. New English text: none. Note: d5f2e47 alone fails TestI18nParity on those three; both commits went in one push and CI ran the tip.

Live (9202 only; documentation/audits/dashboard-layout-2026-10-08/README.md)

Headless Chrome inside 9202; English by ?lang=en (the household setting never changed). Test tags 0.304.0-layout.rc1 and .rc2 (pre-release tags, never a release, never a floor).

	before (0.303.0)	after (rc2 = 423b6d3)
Banner	„+ 5 további figyelmeztetés" alone, every page	three real warnings, no overflow line
Launcher, 390 px	page 425 px wide, share button right edge 424	page 390, button 16–217, own line
Apps, 390 px	page 519 px wide	390
Apps: name under a tag	Paperless-ngx (en, 1440)	0 of 61 cards, all four runs
Apps: logo vs name top	three values (-5, 9, 21 px)	one value (-3)

The rc1 run found the banner overflow (B+ above): the phone pages were still 481 / 472 px wide. Fixed, rc2 built, run again. Pictures: before/ and after/ — Launcher, Apps (+ three cards: installed with two tags, not installed, built-in), Backups; hu and en; 1440 and 390 px.

9202 put back: 0.303.0 restored from a copy, healthy; both test images removed; work folder and session file gone (shredded on both sides). demo-hp host: only pct list, pct exec 9202, pct push 9202. Not touched: 9201, demo-felhom, Tester 1, Tester 2, the hub, the website.

One side effect, said plainly: build.sh --push also moves the registry's :latest tag to the last build (rc2). Nothing in the fleet runs :latest (only the legacy compose files name it); tomorrow's release build moves it again.

Files at their pushed commits

• Controller d5f2e47: controller/internal/web/alerts.go, handlers.go, templates/stacks.html, templates/style.css, dashboard_layout_test.go (new), r906_overflow_test.go (new), CHANGELOG.md, REUSE.md.
• Controller e37e9b5: the three parity fixtures.
• Controller 423b6d3: templates/style.css, dashboard_layout_test.go, CHANGELOG.md.
• felhom.eu: OPEN-ITEMS.md, STATUS.md, this report, the audit folder — the next commit.

CI by commit (controller): run 1561 = e37e9b50 (carries d5f2e47) success; run 1562 = 423b6d34 success.

unproven.py --summary: not walked 35 of 55 — unchanged.

Waits for tomorrow's release

• Release the controller (it carries R-899 and R-304 too). Then R-906, R-907, R-909 are read back on a box and closed.
• R-910: after the release reaches demo-hp, retake the website's dashboard pictures (the Apps picture shows the old card).
• R-911 (new, P4): the „data storage not reachable" banner stays Hungarian on English pages.

Decision for you

None.