sign in style update

directus · Jan 2, 2016 · bb13e85 · bb13e85
1 parent 8bace20
commit bb13e85
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 16 deletions.
diff --git a/assets/css/directus.css b/assets/css/directus.css
diff --git a/assets/scss/directus/pages/_login.scss b/assets/scss/directus/pages/_login.scss
@@ -1,7 +1,7 @@
 .login-box {
   left:50%;
   margin-left: -175px;
-  margin-top:-150px;
+  margin-top:-170px;
   position: absolute;
   top:50%;
   width:350px;
@@ -47,7 +47,7 @@
   background-color: $white;
   //box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.05);
   //.border-radius($baseRadius, $baseRadius, $baseRadius, $baseRadius);
-  padding:20px;
+  padding: 40px;
   position: relative;
   // &:after {
   //   .triangle-bottom(12px, 12px, fade($white, 30%));
@@ -61,14 +61,16 @@
     background-color: $fieldColor;
     border: none;
     display: block;
-    padding: $smallPad;
+    padding: 14px;
+    font-size: 16px;
+    letter-spacing: 0.02em;
+    font-weight: 400;
     outline: none;
     resize: none;
     box-sizing: border-box;
     width: 100%;
     color: $darkGrey;
     -webkit-text-fill-color: $darkGrey;
-    font-size: 14px;
     &:focus {
       color: darken($darkGrey, 10%);
       -webkit-text-fill-color: darken($darkGrey, 10%);
@@ -88,9 +90,9 @@
       border: none;
       padding: 0px;
       position: absolute;
-      right: 7px;
-      top: 7px;
-      color: $mediumGrey;
+      right: 10px;
+      top: 12px;
+      color: lighten($mediumGrey, 15%);
       .material-icons {
         font-size: 24px;
       }

diff --git a/login.php b/login.php
@@ -80,7 +80,7 @@
     </p>
     <p class="">
       <input type="password" name="password" placeholder="Password" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" />
-      <span id="forgot-password" title="Forgot Password" class="btn btn-primary"><i class="material-icons">help_outline</i></span>
+      <span id="forgot-password" title="Forgot Password" class="btn btn-primary"><i class="material-icons">help</i></span>
     </p>
     <p class="clearfix no-margin">
       <button type="submit" class="btn primary">Sign in</button>