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> </TabList>
<TabPanel> <TabPanel>
<AccountForm {...this.props} /> <AccountForm {...this.props} />
<h2 className="form-container__divider">Social Login</h2> <div className="account__social">
<p className="form-container__context"> <h2 className="form-container__divider">Social Login</h2>
Link this account with your GitHub account to allow login from both. <p className="account__social__context">
</p> Link this account with your GitHub account to allow login from both.
<GithubButton buttonText="Login with GitHub" /> </p>
<GithubButton buttonText="Login with GitHub" />
</div>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<APIKeyForm {...this.props} /> <APIKeyForm {...this.props} />

View file

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