Adds spacing around social login button

This commit is contained in:
Andrew Nicolaou 2019-05-22 16:30:46 +02:00 committed by Cassie Tarakajian
parent 34fea139f2
commit fe513fdb54
2 changed files with 11 additions and 5 deletions

View file

@ -60,11 +60,13 @@ class AccountView extends React.Component {
</TabList>
<TabPanel>
<AccountForm {...this.props} />
<div className="account__social">
<h2 className="form-container__divider">Social Login</h2>
<p className="form-container__context">
<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} />

View file

@ -2,3 +2,7 @@
width: 500px;
padding-top: #{20 / $base-font-size}rem;
}
.account__social__context {
padding-bottom: #{15 / $base-font-size}rem;
}