From 451e7ab96d778554f90297ee117e55d5a0223936 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 19 Feb 2024 13:49:05 -0600
Subject: [PATCH] ExtensionStep: improve whitespace between elements

---
 .../nostr-signin-modal/steps/extension-step.tsx  | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx b/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx
index 82a9f43e5..7b7eca96a 100644
--- a/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx
+++ b/src/features/ui/components/modals/nostr-signin-modal/steps/extension-step.tsx
@@ -21,16 +21,18 @@ const ExtensionStep: React.FC<IExtensionStep> = ({ setStep, onClose }) => {
 
   return (
     <Modal title={<FormattedMessage id='nostr_signin.siwe.title' defaultMessage='Sign in' />} onClose={onClose}>
-      <Stack className='my-6' space={3}>
+      <Stack className='my-6' space={6}>
         <EmojiGraphic emoji='🔐' />
 
-        <Button theme='accent' size='lg' onClick={onClick}>
-          <FormattedMessage id='nostr_signin.siwe.action' defaultMessage='Sign in with extension' />
-        </Button>
+        <Stack space={3}>
+          <Button theme='accent' size='lg' onClick={onClick}>
+            <FormattedMessage id='nostr_signin.siwe.action' defaultMessage='Sign in with extension' />
+          </Button>
 
-        <Button theme='transparent' onClick={onClickAlt}>
-          <FormattedMessage id='nostr_signin.siwe.alt' defaultMessage='Sign in with key' />
-        </Button>
+          <Button theme='transparent' onClick={onClickAlt}>
+            <FormattedMessage id='nostr_signin.siwe.alt' defaultMessage='Sign in with key' />
+          </Button>
+        </Stack>
       </Stack>
     </Modal>
   );