diff --git a/browser/main/Containers/LoginContainer.jsx b/browser/main/Containers/LoginContainer.jsx index 6eac413b..c0e1419b 100644 --- a/browser/main/Containers/LoginContainer.jsx +++ b/browser/main/Containers/LoginContainer.jsx @@ -47,7 +47,7 @@ module.exports = React.createClass({
- +
diff --git a/browser/main/Containers/RegisterContainer.jsx b/browser/main/Containers/RegisterContainer.jsx index cae170b7..a1aee8f2 100644 --- a/browser/main/Containers/RegisterContainer.jsx +++ b/browser/main/Containers/RegisterContainer.jsx @@ -58,7 +58,7 @@ module.exports = React.createClass({
- +
diff --git a/browser/styles/main/containers/LoginContainer.styl b/browser/styles/main/containers/LoginContainer.styl index 6cc81069..0d7bd873 100644 --- a/browser/styles/main/containers/LoginContainer.styl +++ b/browser/styles/main/containers/LoginContainer.styl @@ -1,11 +1,11 @@ .LoginContainer, .RegisterContainer - margin 15px auto + margin 0 auto padding 25px 15px box-sizing border-box color inactiveTextColor .logo - width 215px - height 215px + width 150px + height 150px display block margin 0 auto .authNavigator @@ -23,15 +23,15 @@ margin-bottom 25px .facebookBtn, .githubBtn margin 0 45px - width 75px - height 75px - line-height 75px - font-size 35px + width 50px + height 50px + line-height 50px + font-size 25px text-align center background-image none color white border none - border-radius 37.5px + border-radius 25px cursor pointer .facebookBtn background-color facebookColor @@ -39,7 +39,8 @@ background-color lighten(facebookColor, 25%) .githubBtn background-color githubBtn - font-size 42px + font-size 30px + line-height 30px &:hover, &.hover background-color lighten(githubBtn, 25%) .divider @@ -55,13 +56,14 @@ margin 0 auto 45px div.form-group:last-child margin-top 45px - .btn-primary + button.logInButton + btnPrimary() + height 44px + border-radius 22px display block width 200px + font-size 1em margin 0 auto - &.hover, &:hover - background-color brandColor - color white p.alert text-align center font-size 0.8em diff --git a/browser/styles/main/index.styl b/browser/styles/main/index.styl index 5479d5c3..e046aaf2 100644 --- a/browser/styles/main/index.styl +++ b/browser/styles/main/index.styl @@ -49,18 +49,11 @@ button margin-bottom 5px .stripInput - border none - border-bottom 1px solid borderColor - padding 5px 15px - width 100% + stripInput() display block + width 100% font-size 1em height 33px - box-sizing border-box - transition 0.1s - &:focus, &.focus - border-bottom 1px solid brandBorderColor - outline none .block-input, .inline-input border solid 1px borderColor diff --git a/browser/styles/mixins/btnStyle.styl b/browser/styles/mixins/btn.styl similarity index 100% rename from browser/styles/mixins/btnStyle.styl rename to browser/styles/mixins/btn.styl diff --git a/browser/styles/mixins/input.styl b/browser/styles/mixins/input.styl new file mode 100644 index 00000000..24b5b536 --- /dev/null +++ b/browser/styles/mixins/input.styl @@ -0,0 +1,9 @@ +stripInput() + border none + border-bottom 1px solid borderColor + padding 5px 15px + box-sizing border-box + transition 0.1s + &:focus, &.focus + border-bottom 1px solid brandBorderColor + outline none