diff --git a/src/components/targets/target-card.tsx b/src/components/targets/target-card.tsx index b39f05879..0fc95d97f 100644 --- a/src/components/targets/target-card.tsx +++ b/src/components/targets/target-card.tsx @@ -413,9 +413,15 @@ export function TargetCard({ data-slot="target-card" data-target-type={target.type} data-status={statusGroup} - className="flex h-full flex-col" + // v1.4.37 W4a item 3 — override the Card primitive's default + // `gap-4 md:gap-6` to `gap-3 md:gap-4`. The default gap stacked + // on top of the CardHeader's `pb-3` rendered a ~36 px dead + // space between "Blutdruck optimal" and the headline number; + // the tighter rhythm pulls the value back under the label so + // the card reads as one unit instead of two separated blocks. + className="flex h-full flex-col gap-3 md:gap-4" > - + {/* Row 1: icon + label (left) ⋯ status pill + edit-cog (right on sm+, stacked on mobile). Stacking on mobile keeps the headline number visible at sub-380px viewports where an