login page ui changes

assets/css/login.css

@@ -109,6 +109,10 @@ body {
     color: #1a73e8;
 }
 
+.biz-login-wrap .form-group input.error:focus+label {
+    color: #d93025;
+}
+
 .biz-login-wrap .password-fixed {
     transform: translate3d(0, -175%, 0);
     z-index: 1 !important;
@@ -197,9 +201,10 @@ body {
     font-weight: 500;
 }
 
-.biz-login-wrap .err-msg {
+.biz-login-wrap .err-msg:not(:empty) {
     color: #d93025;
     font-size: 12px;
+    margin-top: 5px;
 }
 
 .biz-login-wrap h4 {

assets/js/login.js

@@ -76,7 +76,8 @@ function loginUser(email, password) {
     .then((response) => response.text())
     .then((result) => {
       const user = JSON.parse(result);
-      setCookie('authentication', JSON.stringify(user.sessionId), 1);
+      setCookie('authentication', user.result.sessionId, 1);
+      window.location = '../authentication';
     })
     .catch((error) => console.log('error', error));
 }

login/index.html

@@ -21,10 +21,10 @@
                 <div class="form-body">
                     <div class="form-input-wrap">
                         <div class="form-group">
-                            <input type="text input" id="email" class="email-input">
+                            <input type="text" id="email" class="email-input">
                             <label class="form-control-placeholder" for="name">Email or phone</label>
-                            <div class="err-msg" id="emailErrMsg"></div>
                         </div>
+                        <div class="err-msg" id="emailErrMsg"></div>
                         <div class="form-link mt-10">
                             <label><a href="javascript:;">Forgot email?</a></label>
                         </div>
@@ -53,15 +53,15 @@
                                 onfocus="this.value = this.value;">
                             <label class="form-control-placeholder" id="password-label" for="name">Enter Your
                                 Password</label>
-                            <div class="err-msg" id="passwordErrMsg"></div>
                         </div>
+                        <div class="err-msg" id="passwordErrMsg"></div>
                         <div class="form-link show-password-link">
                             <input type="checkbox" id="showPassword" class="password-checkbox">
                             <label for="showPassword">Show password</label>
                         </div>
                     </div>
                     <div class="form-link flex-between-center">
-                        <label><a href="../forgotpassword/index.html">Forgot password?</a></label>
+                        <label><a href="../forgotpassword">Forgot password?</a></label>
                         <button class="btn" id="loginSubmitBtn">Submit</button>
                     </div>
                 </div>