From fe513fdb54e5bac63fef036169884f8662c048b5 Mon Sep 17 00:00:00 2001
From: Andrew Nicolaou <me@andrewnicolaou.co.uk>
Date: Wed, 22 May 2019 16:30:46 +0200
Subject: [PATCH] Adds spacing around social login button

---
 client/modules/User/pages/AccountView.jsx | 12 +++++++-----
 client/styles/components/_account.scss    |  4 ++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/modules/User/pages/AccountView.jsx b/client/modules/User/pages/AccountView.jsx
index c5b63512..e766b43e 100644
--- a/client/modules/User/pages/AccountView.jsx
+++ b/client/modules/User/pages/AccountView.jsx
@@ -60,11 +60,13 @@ class AccountView extends React.Component {
             </TabList>
             <TabPanel>
               <AccountForm {...this.props} />
-              <h2 className="form-container__divider">Social Login</h2>
-              <p className="form-container__context">
-                Link this account with your GitHub account to allow login from both.
-              </p>
-              <GithubButton buttonText="Login with GitHub" />
+              <div className="account__social">
+                <h2 className="form-container__divider">Social Login</h2>
+                <p className="account__social__context">
+                  Link this account with your GitHub account to allow login from both.
+                </p>
+                <GithubButton buttonText="Login with GitHub" />
+              </div>
             </TabPanel>
             <TabPanel>
               <APIKeyForm {...this.props} />
diff --git a/client/styles/components/_account.scss b/client/styles/components/_account.scss
index 2b8b601b..a03b140f 100644
--- a/client/styles/components/_account.scss
+++ b/client/styles/components/_account.scss
@@ -2,3 +2,7 @@
   width: 500px;
   padding-top: #{20 / $base-font-size}rem;
 }
+
+.account__social__context {
+  padding-bottom: #{15 / $base-font-size}rem;
+}