mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-15 15:02:04 +00:00
Marc-André Bombeck
155b529def
The HealthScore card paints 75-110 px shorter than the action+prompts column to its left at md+ — the bottom edge of the card lands a full chip-row above the suggested-prompts strip's last entry. The two columns sit in a flex row but the row was anchoring children with `items-start`, which lets the right column collapse to its content height even though the left column's chip-strip wraps to two or three rows on desktop. The fix is two-sided: - The hero row flips from `items-start` to `items-stretch` whenever the HealthScore panel mounts. The class only applies on the conditional branch so the no-score layout keeps the same vertical rhythm it had. - The card wrapper opts into the stretched shell with `flex h-full flex-col`; the existing inner content block becomes `flex-1 flex flex-col gap-3` and the disclaimer footer gets `mt-auto`. The score number and sub-bars stay anchored at the top, the disclaimer pins to the bottom, and the recovered vertical space sits quietly between the provenance accordion and the disclaimer footer rather than spilling under the disclaimer line. FB-H3 — the "Wochenbericht erstellen" button and the WeeklyReportBanner were both retired in the R3b weekly-report scope-reduction pass; the hero action row is already Coach-only and nothing in this commit revisits that surface. Tests pin the row's `md:items-stretch` / `lg:items-stretch` classes, the wrapper's `h-full flex flex-col` opt-in, and the disclaimer's `mt-auto` anchor — DOM-class assertions, no brittle pixel-height checks. Tests on the no-score branch keep the older `items-start` absence pinned so a future refactor can't blanket-apply the stretch contract on layouts that have nothing to stretch toward.