From f33a1e1d42e3b379c5c0378d1132e28b106ae9c2 Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Tue, 31 Mar 2026 13:03:33 +1100
Subject: [PATCH] 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>
---
 .../pages/SummaryStep/SummaryStep.tsx         | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/pages/SummaryStep/SummaryStep.tsx b/src/components/pages/SummaryStep/SummaryStep.tsx
index 9043696..cb116c8 100644
--- a/src/components/pages/SummaryStep/SummaryStep.tsx
+++ b/src/components/pages/SummaryStep/SummaryStep.tsx
@@ -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>
       )}