From 6590655c2bb5cfa7af3ce364b5fe1187141392ce Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 2 Mar 2022 15:01:31 +0000
Subject: [PATCH] spacing layout mobile connection

---
 src/components/Connect.tsx | 4 ++--
 src/components/Sidebar.tsx | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Connect.tsx b/src/components/Connect.tsx
index 457c9a288..cfe8e0d59 100644
--- a/src/components/Connect.tsx
+++ b/src/components/Connect.tsx
@@ -38,7 +38,7 @@ const Connect = ({ setSettingsOpen, setConnectOpen }: any) => {
       background="lightBackground"
       round="small"
     >
-      <Box justify="between" align="center" direction="row" background="gradient" pad="medium" round={{corner:'top', size: "small"}}>
+      <Box justify="between" align="center" direction="row" background="gradient" pad="medium" round={{corner:'top', size: "small"}} >
         {account && CONNECTORS ? (
           <BackButton
             action={() => {
@@ -60,7 +60,7 @@ const Connect = ({ setSettingsOpen, setConnectOpen }: any) => {
           />
         </Box>
       )}
-      <Box gap="xsmall" pad='medium'>
+      <Box pad='medium' gap={mobile?"large":"small"} >
         {[...CONNECTORS.keys()].map((name: string) => {
           const { displayName, image } = CONNECTOR_INFO.get(name);
           const currentConnector = CONNECTORS.get(name);
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index e72f1fed8..e5f29890d 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -18,8 +18,9 @@ const Sidebar = ({ settingsOpen, setSettingsOpen, connectOpen, setConnectOpen }:
         <Layer
           modal={false}
           responsive={true}
+          full={mobile}
           position="top-right"
-          margin='small'
+          margin= {mobile? undefined: 'small'}
           style={mobile ? { minWidth: undefined, maxWidth: undefined } : { minWidth: '400px', maxWidth: '400px' }}
           onClickOutside={() => setConnectOpen(false)}
           background='lightBackground'