diff --git a/app/partials/views/modules/invitation-register-form.jade b/app/partials/views/modules/invitation-register-form.jade index 5eec1e53..b04ec30b 100644 --- a/app/partials/views/modules/invitation-register-form.jade +++ b/app/partials/views/modules/invitation-register-form.jade @@ -23,4 +23,10 @@ form.register-form a.button.button-register.button-gray(href="", title="Sign up") Sign up input(type="submit", style="display:none") - tg-terms-notice + fieldset + a.button.button-github(href="", title="Enter with your github account") + span.icon.icon-github + span Sign Up with Github + input(type="submit", style="display:none") + + tg-terms-notice diff --git a/app/styles/layout/invitation.scss b/app/styles/layout/invitation.scss index 78a9c63e..8d8f781d 100644 --- a/app/styles/layout/invitation.scss +++ b/app/styles/layout/invitation.scss @@ -44,10 +44,12 @@ } .invitation-form { @include table-flex(); + fieldset { + margin-bottom: .5rem; + } input { background: $white; color: $gray; - margin-bottom: 1rem; position: relative; @include placeholder { color: $gray-light; @@ -80,16 +82,28 @@ background: $fresh-taiga; } } + .button-github { + &:hover { + background: $black; + } + } } .login-form, .register-form { @include table-flex-child(1, 200px, 0, 200px); padding: 1rem; - + text-align: center; .form-header { color: #999; } } + .register-form { + fieldset { + &:last-child { + margin-bottom: 1rem; + } + } + } .register-text { @extend %small; color: $white;