UI: Refactoring

ui-ngx/src/app/modules/login/pages/login/reset-password.component.html

@@ -18,11 +18,11 @@
 <div class="tb-reset-password-content mat-app-background tb-dark flex flex-row items-center justify-center" style="width: 100%;">
   <mat-card appearance="raised" class="tb-reset-password-card flex-initial">
     <mat-card-header>
-      <mat-card-title class="layout-padding tb-card-title">
+      <mat-card-title class="layout-padding tb-card-title mb-4">
         <span translate class="mat-headline-5 tb-card-title">login.password-reset</span>
       </mat-card-title>
       <mat-card-subtitle *ngIf="isExpiredPassword" class="layout-padding tb-card-title">
-        <div class="tb-card-title" translate>login.expired-password-reset-message</div>
+        <div class="tb-card-title whitespace-pre-line">{{ 'login.expired-password-reset-message' | translate }}</div>
       </mat-card-subtitle>
     </mat-card-header>
     <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">

ui-ngx/src/assets/locale/locale.constant-en_US.json

@@ -4092,7 +4092,7 @@
         "remember-me": "Remember me",
         "forgot-password": "Forgot Password?",
         "password-reset": "Password Reset",
-        "expired-password-reset-message": "Your password has expired! Please enter a new password.",
+        "expired-password-reset-message": "Your password has expired! \nPlease enter a new password.",
         "new-password": "New password",
         "new-password-again": "Confirm new password",
         "password-link-sent-message": "Reset link has been sent",