fix(insights): HealthScoreCard fills the hero-row full height

Swap the inner column from a flex stack to a 7-row grid with a 1fr
slack row on the provenance accordion. The hero strip's row already
stretches the card via items-stretch, the card already declares
h-full, and the disclaimer keeps mt-auto for the no-grid render
path. The remaining work was teaching the inner column to actually
distribute the recovered vertical slack — flex with mt-auto only
on the disclaimer parked the recovered space under the disclaimer
instead of between the body and the footer, so the visible card
ended a divider-line above the left column's bottom edge.
This commit is contained in:
Marc-André Bombeck committed 2026-05-17 14:23:24 +02:00
1 parent cc37e4bdcd
commit b5a605cf31
1 file changed
+10 -1
+10 -1
View File
@@ -256,7 +256,16 @@ export function HealthScoreCard({
"flex h-full flex-col",
)}
>
<div className="flex flex-1 flex-col gap-3">
{/* v1.4.37 W4a item 1 — swap the inner column from `flex
flex-col` to a 7-row grid so the recovered vertical slack
(when the parent hero-row stretches the card past the
natural content height) collects on row 6 (the provenance
accordion) instead of clumping under the disclaimer. The
score number stays anchored at the top, the disclaimer at
the bottom, and the card fills the row down to the
"Wirkt mein Medikament?" chip — closing Marc's "Karte hört
bei der Trennlinie auf" report against v1.4.36. */}
<div className="grid flex-1 grid-rows-[auto_auto_auto_auto_auto_1fr_auto] gap-3">
<div className="flex items-center justify-between gap-2">
<div className="flex min-w-0 items-center gap-2">
<p