From 34ce86aba041e21b7627b88f10c19cd174f28d5a Mon Sep 17 00:00:00 2001
From: Juan de la Cruz <juan.delacruz@kaleidos.net>
Date: Thu, 9 Apr 2020 10:58:28 +0200
Subject: [PATCH] Add new login screen styles

---
 .../resources/styles/main/layouts/login.scss  | 25 +++++++++++++------
 frontend/src/uxbox/main/ui/login.cljs         | 10 ++++----
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/frontend/resources/styles/main/layouts/login.scss b/frontend/resources/styles/main/layouts/login.scss
index 21b30e596..6028a356d 100644
--- a/frontend/resources/styles/main/layouts/login.scss
+++ b/frontend/resources/styles/main/layouts/login.scss
@@ -2,8 +2,8 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/.
 //
-// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
-// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
+// Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
+// Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
 
 .login {
   align-items: center;
@@ -24,7 +24,7 @@
     flex-direction: column;
 
     svg {
-      fill: $color-white;
+      fill: $color-black;
       height: 70px;
       margin-bottom: $x-big;
       width: 200px;
@@ -39,9 +39,9 @@
 
       .input-text {
         background-color: transparent;
-        border-color: $color-gray;
-        color: $color-gray-lighter;
-        font-size: $fs18;
+        border-color: $color-black;
+        color: $color-black;
+        font-size: $fs16;
         margin-bottom: $big*2;
 
         @include placeholder {
@@ -51,13 +51,13 @@
         &:hover {
 
           @include placeholder {
-            color: $color-white;
+            color: $color-black;
           }
 
         }
 
         &:focus {
-          background-color: rgba(255,255,255,.3);
+          background-color: $color-white;
           border-color: $color-gray-lighter;
         }
 
@@ -99,10 +99,19 @@
         margin-top: $medium;
 
         a {
+          color: $color-black;
           text-align: center;
+
+          &:hover {
+            color: $color-primary-dark;
+          }
         }
       }
 
+      .btn-dashboard {
+        margin-top: 5rem;
+      }
+
     }
 
   }
diff --git a/frontend/src/uxbox/main/ui/login.cljs b/frontend/src/uxbox/main/ui/login.cljs
index 0bcb40a9d..0049de470 100644
--- a/frontend/src/uxbox/main/ui/login.cljs
+++ b/frontend/src/uxbox/main/ui/login.cljs
@@ -84,11 +84,11 @@
         (tr "login.forgot-password")]
        [:a {:on-click #(st/emit! (rt/nav :profile-register))
             :tab-index "6"}
-        (tr "login.register")]
-       [:a {:on-click #(st/emit! da/create-demo-profile)
-            :tab-index "7"
-            :title (tr "login.create-demo-profile-description")}
-        (tr "login.create-demo-profile")]]]]))
+        (tr "login.register")]]
+      [:a.btn-dashboard {:on-click #(st/emit! da/create-demo-profile)
+           :tab-index "7"
+           :title (tr "login.create-demo-profile-description")}
+       (tr "login.create-demo-profile")]]]))
 
 (mf/defc login-page
   []