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:
@@ -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">
|
||||
<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 }} />
|
||||
)}
|
||||
|
||||
{/* ─── 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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user