changes in the login page

ansible/artifacts/sunbird/login/login.ftl

@@ -76,10 +76,15 @@
                     <div class="field mb-8">
                         <button id="login" onclick="doLogin(event)" class="mt-24 sb-btn sb-btn-normal sb-btn-primary width-100">${msg("login")}</button>
                     </div>
-                  <#if realm.password && realm.registrationAllowed && !usernameEditDisabled??>
+                     
+                    <div class="mt-16">
+                    <label class="register-lbl">${msg("noAccount")} </label>
+                    </div>
+                    <#if realm.password && realm.registrationAllowed && !usernameEditDisabled??>
                     <div id="kc-registration" class="field">
                                 <div class="ui content signUpMsg">
-                                    ${msg("noAccount")} <span id="signup" role="link" tabindex="0" class="registerLink" onclick=navigate('self')>${msg("registerHere")}</span>
+                                    <button id="login" onclick="doLogin(event)" class="mt-8 sb-btn sb-btn-normal sb-btn-primary width-100 register-btn"><span id="signup" role="link" tabindex="0" class="registerLink" onclick=navigate('self')>${msg("registerHere")}</span></button>
+                                    
                                 </div>
                     </div>
                   </#if>

ansible/artifacts/sunbird/login/resources/css/login.css

@@ -271,7 +271,6 @@ a{
 }
 .registerLink{
     opacity: 1;
-    color: rgba(236,73,51,1);
     font-size: 14px;
     font-weight: 700;
     font-style: normal;
@@ -284,6 +283,13 @@ a{
     outline:none;
     cursor: pointer;
 }
+.register-btn:hover.registerLink{
+    color: rgba(236,73,51,1);
+}
+
+.register-btn {
+    color: rgba(236,73,51,1);
+}
 
 .pointer {
     cursor: pointer;
@@ -489,12 +495,6 @@ h1, h2, h3, h4, h5,
     justify-content: space-between;
     width: 100%;
     align-items: baseline;
-    font-size: 12px;
-    line-height: 17px;
-    text-align: left;
-    display: flex;
-    align-items: baseline;
-    justify-content: space-between;
 }
 .forgot-password p{
     opacity: 1;
@@ -697,8 +697,6 @@ h1, h2, h3, h4, h5,
                 text-align: right;
                 display: block !important;
     }
-    
-    
     .sb-btn-primary{
                 border-color: rgba(236,73,51,1);
                 background-color: rgba(236,73,51,1);
@@ -711,9 +709,6 @@ h1, h2, h3, h4, h5,
                 letter-spacing: 0px;
                 text-align: center;
     }
-    .registerLink {
-        color: rgba(236,73,51,1);
-    }
 header .navigation {
     display: flex;
     justify-content: space-between;
@@ -727,6 +722,15 @@ header .navigation {
     border-bottom: 2px solid white;
 }
 
+.register-lbl {
+    font-size: 11px;
+    color: #333;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    align-items: baseline;
+}
+
 header .navigation .logo{
     margin-left: 20px;
 }