user_login: style loging failure, welcome-box shadow, format scss code

1 files changed, 39 insertions, 31 deletions

diff --git a/res/client/css/style.css b/res/client/css/style.css
index bf260552..9c9dfef1 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -49,6 +49,9 @@ a:hover {
 a:active {
   color: #919095; }
 
+button {
+  border: none; }
+
 input, .input {
   background-color: white;
   color: #363636;
@@ -1076,7 +1079,8 @@ g:focus circle {
   padding: 36px;
   margin-top: 36px;
   width: 420px;
-  background: white; }
+  background: white;
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.55); }
 
 .login-view-section {
   width: 100%;
@@ -1146,32 +1150,6 @@ g:focus circle {
     background-position-x: 22px;
     border-top: none; }
 
-.forgot-password {
-  color: #919095;
-  text-decoration: none; }
-  .forgot-password:hover {
-    color: #363636; }
-
-.section-divider {
-  color: #919095;
-  position: relative; }
-  .section-divider:before {
-    content: "";
-    width: 112px;
-    margin-top: 12px;
-    position: absolute;
-    height: 0;
-    margin-left: -118px;
-    border-top: 1px solid #919095; }
-  .section-divider:after {
-    content: "";
-    width: 112px;
-    margin-top: 12px;
-    position: absolute;
-    margin-left: 4px;
-    height: 0;
-    border-top: 1px solid #919095; }
-
 .contact-us-icon {
   text-align: center;
   -moz-box-sizing: border-box;
@@ -1190,10 +1168,11 @@ g:focus circle {
   color: #ee3654;
   text-decoration: underline; }
 
-.magenta-divider:before {
-  border-top: 1px solid #ee3654; }
-.magenta-divider:after {
-  border-top: 1px solid #ee3654; }
+.forgot-password {
+  color: #919095;
+  text-decoration: none; }
+  .forgot-password:hover {
+    color: #363636; }
 
 .login-form_button {
   cursor: pointer;
@@ -1208,6 +1187,35 @@ g:focus circle {
   .login-form_button:focus {
     background-color: #d10a40; }
 
+.magenta-divider:before {
+  border-top: 1px solid #ee3654; }
+.magenta-divider:after {
+  border-top: 1px solid #ee3654; }
+
+.section-divider {
+  color: #919095;
+  position: relative; }
+  .section-divider:before {
+    content: "";
+    width: 112px;
+    margin-top: 12px;
+    position: absolute;
+    height: 0;
+    margin-left: -118px;
+    border-top: 1px solid #919095; }
+  .section-divider:after {
+    content: "";
+    width: 112px;
+    margin-top: 12px;
+    position: absolute;
+    margin-left: 4px;
+    height: 0;
+    border-top: 1px solid #919095; }
+
+#login-view_failed-login {
+  padding: 5px;
+  background-color: antiquewhite; }
+
 #login-page_forgot-password-button {
   margin-top: 12px; }