diff --git a/public/css/styles.less b/public/css/styles.less index 8762fe87a7..e816435690 100644 --- a/public/css/styles.less +++ b/public/css/styles.less @@ -51,12 +51,6 @@ body { height: 45px; } -// Social Buttons -// ------------------------- -.btn-social { - border-radius: 4px; -} - // Extra space between font-awesome icons and text [class^="fa-"], [class*="fa-"] { @@ -83,7 +77,7 @@ body { .facebook-caption { position: absolute; - background-color: rgba(0,0,0,0.5); + background-color: rgba(0, 0, 0, 0.5); font-size: 12px; color: #fff; padding: 3px; diff --git a/views/account/login.jade b/views/account/login.jade index 2eeee1ceb8..068bed1c74 100644 --- a/views/account/login.jade +++ b/views/account/login.jade @@ -1,37 +1,41 @@ extends ../layout block content - .col-sm-8.col-sm-offset-2 - form(method='POST') - legend Sign In - input(type='hidden', name='_csrf', value=token) - .form-group - .btn-group.btn-group-justified - if secrets.facebookAuth - a.btn.btn-facebook(href='/auth/facebook') - i.fa.fa-facebook - | Facebook - if secrets.twitterAuth - a.btn.btn-twitter(href='/auth/twitter') - i.fa.fa-twitter - | Twitter - if secrets.githubAuth - a.btn.btn-github(href='/auth/github') - i.fa.fa-github - | GitHub - if secrets.googleAuth - a.btn.btn-google-plus(href='/auth/google') - i.fa.fa-google-plus - | Google + form(method='POST') + legend Sign In + input(type='hidden', name='_csrf', value=token) + .row + .col-sm-4 + if secrets.facebookAuth + a.btn.btn-block.btn-facebook.btn-social(href='/auth/facebook') + i.fa.fa-facebook + | Sign in with Facebook + if secrets.twitterAuth + a.btn.btn-block.btn-twitter.btn-social(href='/auth/twitter') + i.fa.fa-twitter + | Sign in with Twitter + if secrets.googleAuth + a.btn.btn-block.btn-google-plus.btn-social(href='/auth/google') + i.fa.fa-google-plus + | Sign in with Google + if secrets.githubAuth + a.btn.btn-block.btn-github.btn-social(href='/auth/github') + i.fa.fa-github + | Sign in with GitHub + if secrets.linkedinAuth + a.btn.btn-block.btn-linkedin.btn-social(href='/auth/linkedin') + i.fa.fa-linkedin + | Sign in with LinkedIn if secrets.localAuth - .form-group - label.control-label(for='email') Email - input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true) - .form-group - label.control-label(for='password') Password - input.form-control(type='password', name='password', id='password', placeholder='Password') - .form-group - button.btn.btn-primary(type='submit') - i.fa.fa-unlock-alt - | Login - a.btn.btn-link(href='/forgot') Forgot your password? + .col-sm-8 + .form-group + label.control-label(for='email') Email + input.form-control(type='text', name='email', id='email', placeholder='Email', autofocus=true) + .form-group + label.control-label(for='password') Password + input.form-control(type='password', name='password', id='password', placeholder='Password') + .form-group + button.btn.btn-primary(type='submit') + i.fa.fa-unlock-alt + | Login + a.btn.btn-link(href='/forgot') Forgot your password?