From 0ac7839f116b436e5a637392469113cf5949f116 Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Wed, 29 Jul 2015 02:40:27 +0900
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E5=96=84=EF=BC=9ALogin/Register?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E3=81=AE=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 browser/main/Containers/LoginContainer.jsx    |  2 +-
 browser/main/Containers/RegisterContainer.jsx |  2 +-
 .../main/containers/LoginContainer.styl       | 28 ++++++++++---------
 browser/styles/main/index.styl                | 11 ++------
 .../styles/mixins/{btnStyle.styl => btn.styl} |  0
 browser/styles/mixins/input.styl              |  9 ++++++
 6 files changed, 28 insertions(+), 24 deletions(-)
 rename browser/styles/mixins/{btnStyle.styl => btn.styl} (100%)
 create mode 100644 browser/styles/mixins/input.styl

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({
             <input className='stripInput' valueLink={this.linkState('password')} onChange={this.handleChange} type='password' placeholder='Password'/>
           </div>
           <div className='form-group'>
-            <button className='btn-primary' type='submit'>Log In</button>
+            <button className='logInButton' type='submit'>Log In</button>
           </div>
         </form>
       </div>
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({
             <input className='stripInput' valueLink={this.linkState('profileName')} type='text' placeholder='Profile name'/>
           </div>
           <div className='form-group'>
-            <button className='btn-primary' type='submit'>Sign Up</button>
+            <button className='logInButton' type='submit'>Sign Up</button>
           </div>
         </form>
 
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