From 52d26cb825355f127bfe45b9c8cc4ba63b6831dc Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Tue, 17 Oct 2023 04:45:13 -0700
Subject: [PATCH] Improve layout

---
 src/apps/chat/trade/ExportSharedModal.tsx | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/apps/chat/trade/ExportSharedModal.tsx b/src/apps/chat/trade/ExportSharedModal.tsx
index c84d37a03..6d3c55ebe 100644
--- a/src/apps/chat/trade/ExportSharedModal.tsx
+++ b/src/apps/chat/trade/ExportSharedModal.tsx
@@ -130,24 +130,23 @@ export function ExportSharedModal(props: { onClose: () => void, response: ShareP
           Deletion Key
         </Typography>
 
-        <Stack direction='row' gap={1}>
-          <Input readOnly variant='plain' value={deletionKey} sx={{ flexGrow: 1 }} />
-
-          <Button variant='plain' color='neutral' endDecorator={<DeleteForeverIcon />} onClick={onDeleteNow}>
-            Delete Now
-          </Button>
-        </Stack>
+        <Input readOnly variant='plain' value={deletionKey} sx={{ flexGrow: 1 }} />
 
         <Typography level='body-sm'>
           IMPORTANT - <b>keep this key safe</b>, you will need it if you decide to delete the link at a later time,
           and it will not appear again once you close this dialog.
         </Typography>
 
-        {!!expiresAt && (
-          <Typography sx={{ mt: 1 }} level='title-sm'>
-            This chat will auto-expire on {expiresAt.toLocaleString()}.
-          </Typography>
-        )}
+        <Stack direction='row' gap={1} sx={{ alignItems: 'center', justifyContent: 'space-between' }}>
+          {!!expiresAt && (
+            <Typography level='title-sm'>
+              This chat will auto-expire on {expiresAt.toLocaleString()}.
+            </Typography>
+          )}
+          <Button variant='outlined' color='neutral' endDecorator={<DeleteForeverIcon />} onClick={onDeleteNow}>
+            Delete Now
+          </Button>
+        </Stack>
 
       </Card>}