SummaryStep: fix share button position + save button visibility

- Share this plan: right-aligned below divider, clear spacing before content
- Save and continue later: outlined button, full width, under confirm CTA

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-31 13:03:33 +11:00
parent 0254022b07
commit f33a1e1d42

View File

@@ -308,34 +308,27 @@ export const SummaryStep: React.FC<SummaryStepProps> = ({
Review your plan
</Typography>
<Box
sx={{
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
mb: 3,
}}
>
<Typography variant="body1" color="text.secondary">
{isPrePlanning
? "Here's an overview of your plan. You can make changes at any time."
: 'Please review your selections below. You can edit any section before confirming.'}
</Typography>
{onShareByEmail && (
<Typography variant="body1" color="text.secondary" sx={{ mb: 3 }}>
{isPrePlanning
? "Here's an overview of your plan. You can make changes at any time."
: 'Please review your selections below. You can edit any section before confirming.'}
</Typography>
<Divider sx={{ mb: 2 }} />
{onShareByEmail && (
<Box sx={{ display: 'flex', justifyContent: 'flex-end', mb: 4 }}>
<Button
variant="outlined"
color="secondary"
size="small"
startIcon={<ForwardToInboxOutlinedIcon />}
onClick={() => setShareOpen(true)}
sx={{ ml: 2, whiteSpace: 'nowrap', flexShrink: 0 }}
>
Share this plan
</Button>
)}
</Box>
<Divider sx={{ mb: 4 }} />
</Box>
)}
{/* ─── Arrangement details ─── */}
{arrangementDetails && (
@@ -716,7 +709,14 @@ export const SummaryStep: React.FC<SummaryStepProps> = ({
</Button>
{onSaveAndExit && (
<Button variant="text" color="secondary" fullWidth onClick={onSaveAndExit} sx={{ mt: 1 }}>
<Button
variant="outlined"
color="secondary"
size="large"
fullWidth
onClick={onSaveAndExit}
sx={{ mt: 1.5 }}
>
Save and continue later
</Button>
)}