From 3645fe151c6034dd6fc893bf2da33d8913ef2476 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Sun, 17 May 2026 14:24:42 +0200 Subject: [PATCH] fix(insights): Mood mini chart wrapper height matches HealthChart Collapse the Card's inter-row gap to 0 and drop the CardHeader inner gap to 0 so the only space between the title and the chart strip is the CardHeader's own pb-1 (4 px). HealthChart mini paints a plain div with mb-1 under its title; Mood's pre-fix gap-1 (4 px) on top of the header pb-1 stacked an extra 4 px below the title, leaving Mood ~12-16 px taller than the BP/weight siblings inside the trends row. --- src/components/charts/mood-chart.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/charts/mood-chart.tsx b/src/components/charts/mood-chart.tsx index de9174a50..9522bafde 100644 --- a/src/components/charts/mood-chart.tsx +++ b/src/components/charts/mood-chart.tsx @@ -544,13 +544,22 @@ export function MoodChart({ // visibly heavier corner radius than BP / weight in the same // row. Align to the `rounded-md` shell so the three trend // tiles share one corner radius. + // + // v1.4.37 W4a item 5 — collapse the Card's inter-row gap to + // 0 so the only space between the title and the chart strip + // is the CardHeader's own `pb-1` (4 px), matching the + // `mb-1` HealthChart paints below its plain `
` title. + // Pre-fix Mood's `gap-1` (4 px) on top of the header `pb-1` + // stacked an extra 4 px below the title, which read as a + // ~12-16 px taller card than the BP/weight siblings inside + // the trends row. className={ - mini ? "gap-1 rounded-md py-2 shadow-none" : undefined + mini ? "gap-0 rounded-md py-2 shadow-none" : undefined } > {/* v1.4.19 A2 — mobile-first header: stack title row above