Fixed formatting issues

dvsa · Sep 17, 2024 · 16e7b6a · 16e7b6a
1 parent 275c4be
commit 16e7b6a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/app/pages/view-test-result/components/vehicle-details-card/vehicle-details-card.html b/src/app/pages/view-test-result/components/vehicle-details-card/vehicle-details-card.html
@@ -49,15 +49,15 @@ <h2 class="des-header-style-4" id="view-test-result-vehicle-details-title">Vehic
         <div class="ion-no-padding" *ngIf="!(data?.motStatus)">
           <ion-text class="mes-data">No VRNs were checked for MOT</ion-text>
         </div>
-        <div class="ion-no-padding" *ngIf="data?.motStatus">
-          <ion-col class="display-flex" size="11" *ngIf="isInvalidMOT()">
+        <div class="display-flex ion-no-padding width-100-percent" *ngIf="data?.motStatus">
+          <ion-col class="ion-align-items-center display-flex" size="10" *ngIf="isInvalidMOT()">
             <img
               src="assets/imgs/journal/exclamation-indicator.png"
               alt="Attention, expired MOT"
               class="exclamation"
             />
           </ion-col>
-          <ion-col class="display-flex">
+          <ion-col class="display-flex ion-align-items-center">
             <ion-text class="mes-data">{{
                 !isInvalidMOT() ? data.motStatus :
                   data?.testExpiryDate ? 'Expired ' + data?.testExpiryDate : 'Not valid'

diff --git a/src/app/pages/view-test-result/components/vehicle-details-card/vehicle-details-card.scss b/src/app/pages/view-test-result/components/vehicle-details-card/vehicle-details-card.scss
@@ -7,4 +7,8 @@
     width: 33px;
     height: 28.5px;
   }
+
+  .width-100-percent {
+    width: 100%;
+  }
 }