fix(admin): align app state and type icons

Author: Johaney-s

apps/admin-gui/src/app/vos/components/application-detail/application-detail.component.html

@@ -72,22 +72,22 @@ <h2 class="page-subtitle">
       >{{'VO_DETAIL.APPLICATION.APPLICATION_DETAIL.TYPE' | translate}}</span
     >:
     <span *ngIf="application.type === 'INITIAL'">
-      <mat-icon class="align-text-top">arrow_right_alt</mat-icon>
+      <mat-icon class="align-bottom">arrow_right_alt</mat-icon>
       Initial
     </span>
     <span *ngIf="application.type === 'EXTENSION'">
-      <mat-icon class="align-text-top">restore</mat-icon>
+      <mat-icon class="align-bottom">restore</mat-icon>
       Extension
     </span>
     <span *ngIf="application.type === 'EMBEDDED'">
-      <mat-icon class="align-text-top">nat</mat-icon>
+      <mat-icon class="align-bottom">nat</mat-icon>
       Embedded
     </span>
   </div>
 
   <div *ngIf="this.application.state === 'REJECTED'" class="card p-3 mt-2">
     <mat-card-title
-      ><i class="material-icons red">clear</i>
+      ><i class="material-icons red align-text-top">clear</i>
       {{'VO_DETAIL.APPLICATION.APPLICATION_DETAIL.REJECTED_BY' | translate}}:
       {{getModifiedAtName(application.modifiedBy)}}</mat-card-title
     >
@@ -101,7 +101,7 @@ <h2 class="page-subtitle">
 
   <div *ngIf="this.application.state === 'APPROVED'" class="card p-3 mt-2">
     <mat-card-title
-      ><i class="material-icons green">done</i>
+      ><i class="material-icons green align-text-top">done</i>
       {{'VO_DETAIL.APPLICATION.APPLICATION_DETAIL.APPROVED_BY' | translate}}:
       {{getModifiedAtName(application.modifiedBy)}}</mat-card-title
     >
@@ -115,7 +115,7 @@ <h2 class="page-subtitle">
 
   <div class="card p-4 mt-2">
     <mat-card-title
-      ><i class="material-icons">redo</i>
+      ><i class="material-icons align-text-top">redo</i>
       {{'VO_DETAIL.APPLICATION.APPLICATION_DETAIL.SUBMITTED_BY' | translate}}:
       {{application.user === null ? submittedBy() : application.user | userFullName}}</mat-card-title
     >

apps/admin-gui/src/app/vos/pages/group-detail-page/group-settings/group-settings-application-form/group-settings-application-form.component.html

@@ -15,17 +15,17 @@ <h1 class="page-subtitle">
           >{{'GROUP_DETAIL.SETTINGS.APPLICATION_FORM.APPLICATION_TYPE' | translate}}</span
         >:
 
-        <mat-icon class="align-text-bottom" matTooltip="Initial">arrow_right_alt</mat-icon>
+        <mat-icon class="align-bottom" matTooltip="Initial">arrow_right_alt</mat-icon>
         {{applicationForm.automaticApproval ?
         ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.AUTOMATIC'| translate) : ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.MANUAL'| translate)}}
         ,
-        <mat-icon class="align-text-bottom" matTooltip="Extension">restore</mat-icon>
+        <mat-icon class="align-bottom" matTooltip="Extension">restore</mat-icon>
         {{applicationForm.automaticApprovalExtension ?
         ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.AUTOMATIC'| translate) : ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.MANUAL'| translate)}}
 
         <span *ngIf="autoRegistrationEnabled">
           ,
-          <mat-icon class="align-text-bottom" matTooltip="Embedded">nat</mat-icon>
+          <mat-icon class="align-bottom" matTooltip="Embedded">nat</mat-icon>
           {{applicationForm.automaticApprovalEmbedded ?
           ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.AUTOMATIC'| translate) : ('GROUP_DETAIL.SETTINGS.APPLICATION_FORM.MANUAL'| translate)}}
         </span>

apps/admin-gui/src/app/vos/pages/vo-detail-page/vo-settings/vo-settings-application-form/vo-settings-application-form.component.html

@@ -15,12 +15,12 @@ <h1 class="page-subtitle">
           >{{'VO_DETAIL.SETTINGS.APPLICATION_FORM.APPLICATION_TYPE' | translate}}</span
         >:
 
-        <mat-icon class="align-text-bottom" matTooltip="Initial">arrow_right_alt</mat-icon>
+        <mat-icon class="align-bottom" matTooltip="Initial">arrow_right_alt</mat-icon>
         {{applicationForm.automaticApproval ?
         ('VO_DETAIL.SETTINGS.APPLICATION_FORM.AUTOMATIC'| translate) : ('VO_DETAIL.SETTINGS.APPLICATION_FORM.MANUAL'| translate)}}
         ,
 
-        <mat-icon class="align-text-bottom" matTooltip="Extension">restore</mat-icon>
+        <mat-icon class="align-bottom" matTooltip="Extension">restore</mat-icon>
         {{applicationForm.automaticApprovalExtension ?
         ('VO_DETAIL.SETTINGS.APPLICATION_FORM.AUTOMATIC'| translate) : ('VO_DETAIL.SETTINGS.APPLICATION_FORM.MANUAL'| translate)}}
       </div>