Login Component

Author: skydev2020

src/account/login/login.component.html

@@ -11,7 +11,7 @@ <h3 class="m-0">
     <form #loginForm="ngForm" class="kt-form" method="post" novalidate (ngSubmit)="login()">
 
         <div class="form-group">
-            <input #userNameOrEmailAddressInput="ngModel" [(ngModel)]="loginService.authenticateModel.userNameOrEmailAddress" autoFocus class="form-control m-input" type="text" autocomplete="new-password" placeholder="{{'UserNameOrEmail' | localize}} *" name="userNameOrEmailAddress" required />
+            <input #userNameOrEmailAddressInput="ngModel" [(ngModel)]="loginService.authenticateModel.userNameOrEmailAddress" autoFocus class="form-control m-input" type="text" autocomplete="new-password" placeholder="{{'Email' | localize}} *" name="userNameOrEmailAddress" required />
             <validation-messages [formCtrl]="userNameOrEmailAddressInput" *ngIf="!userNameOrEmailAddressInput.touched"></validation-messages>
         </div>
 
@@ -20,12 +20,12 @@ <h3 class="m-0">
             <validation-messages [formCtrl]="passwordInput" *ngIf="!passwordInput.touched"></validation-messages>
         </div>
 
-        <div class="form-group mt-4">
+        <div class="form-group mt-4 justify-content-between d-flex">
             <label class="kt-checkbox">
                 <input class="form-control" [(ngModel)]="loginService.rememberMe" type="checkbox" name="rememberMe" value="true" />{{"RememberMe" | localize}}
-                <span></span>
-                <a routerLink="/account/forgot-password" id="forget-password" class="kt-link kt-login__link-forgot">{{"ForgotPassword" | localize}}</a>
+                <span></span>                
             </label>
+            <a routerLink="/account/forgot-password" id="forget-password" class="kt-link kt-login__link-forgot">{{"ForgotPassword" | localize}}</a>
         </div>
 
         <!-- <p *ngIf="useCaptcha" class="mt-2 form-text text-muted">
@@ -36,8 +36,8 @@ <h3 class="m-0">
             <re-captcha #recaptchaRef (resolved)="captchaResolved($event)" [siteKey]="recaptchaSiteKey"></re-captcha>
         </div> -->
 
-        <div class="kt-login__actions">
-            <button type="submit" class="btn btn-primary btn-elevate kt-login__btn-primary" [disabled]="!loginForm.form.valid">{{"LogIn" | localize}}</button>
+        <div class="kt-login__actions justify-content-center">
+            <button type="submit" class="btn btn-primary btn-elevate kt-login__btn-primary btn-pill" [disabled]="!loginForm.form.valid">{{"Sign In" | localize}}</button>
         </div>
     </form>