From 98fdcf4d71f293f9cb4c8d9b31177964d499f979 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 24 Jun 2014 13:30:16 +0200
Subject: [PATCH] Minor fixes in login screen

---
 app/partials/views/modules/login-form.jade | 4 ++--
 app/styles/layout/login.scss               | 3 ---
 app/styles/modules/login-form.scss         | 8 +++++++-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/partials/views/modules/login-form.jade b/app/partials/views/modules/login-form.jade
index 1a84cd8f..0cd7254f 100644
--- a/app/partials/views/modules/login-form.jade
+++ b/app/partials/views/modules/login-form.jade
@@ -7,8 +7,8 @@ div.login-form-container
             //-This should be hidden when focus on pass
             a.forgot-pass(href="", title="Did you forgot your pass?") Forgot it?
         fieldset
-            input.remember-me(type="checkbox", checked="checked")
-            label remember me on this computer
+            input.remember-me(type="checkbox", checked="checked", id="remember-me")
+            label(for="remember-me") remember me on this computer
         fieldset
             a.button.button-login.button-green(href="", title="Log in") Enter
     p.login-text
diff --git a/app/styles/layout/login.scss b/app/styles/layout/login.scss
index 0972f18f..25ef26aa 100644
--- a/app/styles/layout/login.scss
+++ b/app/styles/layout/login.scss
@@ -32,9 +32,6 @@
             color: $gray-light;
         }
     }
-    .remember-me {
-        vertical-align: top;
-    }
     .login-text,
     .register-text {
         text-align: center;
diff --git a/app/styles/modules/login-form.scss b/app/styles/modules/login-form.scss
index a069475b..38edf2e3 100644
--- a/app/styles/modules/login-form.scss
+++ b/app/styles/modules/login-form.scss
@@ -5,8 +5,8 @@
     }
     input:focus {
         &+.forgot-pass {
-            opacity: 0;
             @include transition(opacity .5s linear);
+            opacity: 0;
         }
     }
     .forgot-pass {
@@ -22,4 +22,10 @@
             color: $grayer;
         }
     }
+    .remember-me {
+        vertical-align: top;
+        &+label {
+            cursor: pointer;
+        }
+    }
 }