mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-12 14:16:12 +00:00
Marc-André Bombeck
60541803f2
Two coupled fixes pinned by Marc on the v1.4.25 W3 walkthrough: 1. Trends row equal-height The three trend cards (BP / Weight / Mood) on /insights sit in a `grid-cols-1 md:grid-cols-3` grid. The `min-h-[300px]` floor guarantees a sensible mobile height, but the AI annotation prose varies card-to-card on desktop, leaving the tallest card pushing only its own row member down — siblings stayed short. Added `md:auto-rows-fr md:items-stretch` on the grid container and `h-full` on each direct child so the row pins every card to the tallest member's height. 2. Mood chart gridline density parity The mood chart's YAxis pins ticks to [1,2,3,4,5] (mood scale). By default Recharts syncs CartesianGrid coordinates with YAxis ticks, so the mini variant painted five horizontal lines while the BP/Weight/Pulse minis painted six (their auto-generated YAxis ticks land on ~six bands in typical health ranges). Added a `horizontalCoordinatesGenerator` that emits six evenly-spaced lines inside the plot area so the trends row reads as a single rhythm. Both changes are presentational — no chart data shape changes, no behaviour changes, no API touched.