From 7ef89535dab173d94bcc1a0eaa81d67c593ad2db Mon Sep 17 00:00:00 2001
From: mmv <mmvsha73@gmail.com>
Date: Tue, 22 Oct 2019 14:17:45 +0400
Subject: [PATCH] Align connect button to center

---
 .../Header/components/ProviderDetails/ConnectDetails.jsx    | 6 ++++--
 src/routes/welcome/components/Layout.jsx                    | 2 +-
 src/routes/welcome/components/Layout.scss                   | 4 ++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/components/ProviderDetails/ConnectDetails.jsx b/src/components/Header/components/ProviderDetails/ConnectDetails.jsx
index 544b85ec..15a1510b 100644
--- a/src/components/Header/components/ProviderDetails/ConnectDetails.jsx
+++ b/src/components/Header/components/ProviderDetails/ConnectDetails.jsx
@@ -4,6 +4,7 @@ import { withStyles } from '@material-ui/core/styles'
 import Paragraph from '~/components/layout/Paragraph'
 import ConnectButton from '~/components/ConnectButton'
 import Row from '~/components/layout/Row'
+import Block from '~/components/layout/Block'
 import { md, lg } from '~/theme/variables'
 import CircleDot from '~/components/Header/components/CircleDot'
 
@@ -25,6 +26,7 @@ const styles = () => ({
   },
   connect: {
     padding: `${md} ${lg}`,
+    textAlign: 'center',
   },
   connectText: {
     letterSpacing: '1px',
@@ -46,9 +48,9 @@ const ConnectDetails = ({ classes }: Props) => (
     <Row className={classes.logo} margin="lg">
       <CircleDot keySize={32} circleSize={75} dotSize={25} dotTop={50} dotRight={25} center mode="error" />
     </Row>
-    <Row className={classes.connect}>
+    <Block className={classes.connect}>
       <ConnectButton />
-    </Row>
+    </Block>
   </>
 )
 
diff --git a/src/routes/welcome/components/Layout.jsx b/src/routes/welcome/components/Layout.jsx
index 990093c6..84f58fb1 100644
--- a/src/routes/welcome/components/Layout.jsx
+++ b/src/routes/welcome/components/Layout.jsx
@@ -95,7 +95,7 @@ const Welcome = ({ provider }: Props) => (
         </Block>
       </>
     ) : (
-      <Block margin="md">
+      <Block margin="md" className={styles.connectWallet}>
         <Heading tag="h3" align="center" margin="md">
           Get Started by Connecting a Wallet
         </Heading>
diff --git a/src/routes/welcome/components/Layout.scss b/src/routes/welcome/components/Layout.scss
index b5e15126..ba6395e2 100644
--- a/src/routes/welcome/components/Layout.scss
+++ b/src/routes/welcome/components/Layout.scss
@@ -17,3 +17,7 @@
 .learnMoreLink {
   color: $secondary;
 }
+
+.connectWallet {
+  text-align: center;
+}
\ No newline at end of file