From d7ad40688a59740a61d4f713c4e9dff9787e5e39 Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Tue, 22 Oct 2019 14:51:00 +0300
Subject: [PATCH] feat: add settings button to learn

---
 client/src/components/Intro/index.js  | 22 ++++++++++++++++------
 client/src/components/Intro/intro.css | 11 +++++++++++
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Intro/index.js b/client/src/components/Intro/index.js
index cf1a3e9a19d..b735c8187d4 100644
--- a/client/src/components/Intro/index.js
+++ b/client/src/components/Intro/index.js
@@ -50,12 +50,22 @@ function Intro({
           </Col>
           <Col sm={10} smOffset={1} xs={12}>
             <Spacer />
-            <button
-              className={'btn-primary btn center-block'}
-              onClick={() => gatsbyNavigate(`/${username}`)}
-            >
-              View your Portfolio and Settings
-            </button>
+            <div className='btn-group-wrap'>
+              <div className='btn-group' role='group'>
+                <button
+                  className={'btn-primary btn'}
+                  onClick={() => gatsbyNavigate(`/${username}`)}
+                >
+                  View my Portfolio
+                </button>
+                <button
+                  className={'btn-primary btn'}
+                  onClick={() => gatsbyNavigate(`/settings`)}
+                >
+                  Update my settings
+                </button>
+              </div>
+            </div>
           </Col>
         </Row>
         <Spacer />
diff --git a/client/src/components/Intro/intro.css b/client/src/components/Intro/intro.css
index fc39cbbcdce..8b8d7949b1f 100644
--- a/client/src/components/Intro/intro.css
+++ b/client/src/components/Intro/intro.css
@@ -33,6 +33,17 @@
   text-align: center;
 }
 
+#learn-app-wrapper div.btn-group {
+  display: flex;
+  justify-items: center;
+}
+
+#learn-app-wrapper .btn-group-wrap {
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
 .quote-partial .blockquote {
   font-size: 1.3rem;
   border: none;