From ffa4d053cff854b5c269527867b4564597ef0a4b Mon Sep 17 00:00:00 2001
From: siepra <wiktor.siepra@gmail.com>
Date: Thu, 19 Oct 2023 14:50:27 +0200
Subject: [PATCH] fix: appearance

---
 .../ContextMenu/ContextMenu.component.tsx     |  2 +-
 ...egisteredUsernameContextMenu.container.tsx | 37 ++++++++++++-------
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx b/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx
index 8855d708d5..f8ff1e4db3 100644
--- a/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx
+++ b/packages/mobile/src/components/ContextMenu/ContextMenu.component.tsx
@@ -15,7 +15,6 @@ export const ContextMenu: FC<ContextMenuProps> = ({
   linkAction = () => {
     console.log('No action attached for link tap gesture.')
   },
-
   children,
 }) => {
   const [show, setShow] = React.useState<boolean>(false)
@@ -162,6 +161,7 @@ export const ContextMenu: FC<ContextMenuProps> = ({
                 />
               </View>
             )}
+
             {children}
           </View>
         </TouchableWithoutFeedback>
diff --git a/packages/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx b/packages/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx
index ef8a1d6e9a..0952c7c442 100644
--- a/packages/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx
+++ b/packages/mobile/src/components/ContextMenu/menus/UnregisteredUsernameContextMenu.container.tsx
@@ -17,19 +17,30 @@ export const UnregisteredUsernameContextMenu: FC = () => {
       <View
         style={{ padding: 20, alignItems: 'center', borderTopWidth: 1, borderColor: defaultPalette.background.gray06 }}
       >
-        <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
-          The username{' '}
-          <Typography fontSize={14} fontWeight={'bold'}>
-            @{usernameTakenContextMenu.username}
-          </Typography>{' '}
-          has not been registered yet with the community owner, so it’s still possible for someone else to register the
-          same username. When the community owner is online,{' '}
-          <Typography fontSize={14} fontWeight={'bold'}>
-            @{usernameTakenContextMenu.username}
-          </Typography>{' '}
-          will be registered automatically and this alert will go away.
-        </Typography>
-        <Button width={60} title={'OK'} onPress={usernameTakenContextMenu.handleClose} />
+        <View>
+          <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
+            The username{' '}
+            <Typography fontSize={14} fontWeight={'bold'}>
+              @{usernameTakenContextMenu.username}
+            </Typography>{' '}
+            has not been registered yet with the community owner, so it’s still possible for someone else to register
+            the same username.
+          </Typography>
+        </View>
+
+        <View style={{ marginTop: 20 }}>
+          <Typography fontSize={14} style={{ textAlign: 'center', lineHeight: 20 }}>
+            When the community owner is online,{' '}
+            <Typography fontSize={14} fontWeight={'bold'}>
+              @{usernameTakenContextMenu.username}
+            </Typography>{' '}
+            will be registered automatically and this alert will go away.
+          </Typography>
+        </View>
+
+        <View style={{ marginTop: 20 }}>
+          <Button width={160} title={'OK'} onPress={usernameTakenContextMenu.handleClose} />
+        </View>
       </View>
     </ContextMenu>
   )