feat: add settings button to learn

client/src/components/Intro/index.js

@@ -50,12 +50,22 @@ function Intro({
           </Col>
           <Col sm={10} smOffset={1} xs={12}>
             <Spacer />
-            <button
+            <div className='btn-group-wrap'>
-              className={'btn-primary btn center-block'}
+              <div className='btn-group' role='group'>
-              onClick={() => gatsbyNavigate(`/${username}`)}
+                <button
-            >
+                  className={'btn-primary btn'}
-              View your Portfolio and Settings
+                  onClick={() => gatsbyNavigate(`/${username}`)}
-            </button>
+                >
+                  View my Portfolio
+                </button>
+                <button
+                  className={'btn-primary btn'}
+                  onClick={() => gatsbyNavigate(`/settings`)}
+                >
+                  Update my settings
+                </button>
+              </div>
+            </div>
           </Col>
         </Row>
         <Spacer />

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;