From 9d67c653acb9fc835f281ef112c94b9b701ed9f9 Mon Sep 17 00:00:00 2001 From: Richie Date: Mon, 30 Mar 2026 21:57:18 +1100 Subject: [PATCH] CrematoriumStep: more generous compact card sizing Image 140/200px (was 120/160), content padding 2.5 (was 2), row gap 0.75 (was 0.5). Matches live site proportions better. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/components/pages/CrematoriumStep/CrematoriumStep.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/components/pages/CrematoriumStep/CrematoriumStep.tsx b/src/components/pages/CrematoriumStep/CrematoriumStep.tsx index c289154..e3b3083 100644 --- a/src/components/pages/CrematoriumStep/CrematoriumStep.tsx +++ b/src/components/pages/CrematoriumStep/CrematoriumStep.tsx @@ -145,14 +145,13 @@ export const CrematoriumStep: React.FC = ({ if (!loading) onContinue(); }} > - {/* ─── Compact crematorium card ─── */} + {/* ─── Crematorium card ─── */} @@ -161,7 +160,7 @@ export const CrematoriumStep: React.FC = ({ role="img" aria-label={`${crematorium.name} photo`} sx={{ - width: { xs: 120, sm: 160 }, + width: { xs: 140, sm: 200 }, flexShrink: 0, backgroundImage: `url(${crematorium.imageUrl})`, backgroundSize: 'cover', @@ -175,8 +174,8 @@ export const CrematoriumStep: React.FC = ({ display: 'flex', flexDirection: 'column', justifyContent: 'center', - gap: 0.5, - p: 2, + gap: 0.75, + p: 2.5, minWidth: 0, }} >