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