From 1c91abcf2a54de392ba0b824cb20898702f51c5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Tue, 2 Jun 2026 17:30:20 +0200 Subject: [PATCH] docs(medications): correct the GLP-1 card equal-height comment The reserved-slot comment claimed the compliance bars and action row align "row-for-row across the grid" with a generic sibling. That overstates it: the GLP-1-only rotation-hint block sits between the reserved slot and the compliance bars, so the bars are pushed down by its height and do not share a Y with a generic card's bars. What the layout actually guarantees is equal card height and a shared bottom action baseline (`h-full` + `mt-auto`); only the header, the reserved slot, and the pinned action row align across a mixed-variant row. Reword the comment to claim exactly that. Co-Authored-By: Claude Opus 4.8 (1M context) (cherry picked from commit 7320c8b1b9f704d22eaba10be42a560594a5ca11) --- src/components/medications/glp1-medication-card.tsx | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/medications/glp1-medication-card.tsx b/src/components/medications/glp1-medication-card.tsx index 50d6687c6..deb0c3d6d 100644 --- a/src/components/medications/glp1-medication-card.tsx +++ b/src/components/medications/glp1-medication-card.tsx @@ -422,9 +422,14 @@ export function Glp1MedicationCard({ {/* Injection state — last + next. The reserved min-height keeps a card whose last-injection line is absent the same vertical - footprint as one that renders both lines, so the compliance bars - and action row below align row-for-row across the grid — matching - the generic medication card's reserved last/next slot. */} + footprint as one that renders both lines, matching the generic + medication card's reserved last/next slot. This — together with + `h-full` + `mt-auto` — equalises the card height and pins a + shared bottom action baseline across the grid row. Note it does + NOT align the compliance bars row-for-row with a generic + sibling: the GLP-1-only rotation-hint block below pushes the + bars down by its own height, so only the header, the reserved + slot, and the pinned action row share a Y. */}
{medication.lastTakenAt && (