Merge pull request #551 from shruthi-rapala/angular-upgrade

EMBCDFA-1274 - Styling issues with buttons on Modal Dialog
bcgov · Sep 3, 2024 · 1518706 · 1518706
2 parents 9846c38 + b1d7d57
commit 1518706
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/...mponents/dfa-confirm-dashboard-navigation/dfa-confirm-dashboard-navigation.component.html b/...mponents/dfa-confirm-dashboard-navigation/dfa-confirm-dashboard-navigation.component.html
@@ -7,7 +7,7 @@ <h2 class="dialog-title"><b>DFA Prescreening</b></h2>
   </div>
 </mat-dialog-content>
 
-<mat-dialog-actions style="display: flex; gap: 12px;"> 
+<mat-dialog-actions> 
   <div class="col-md-6">
     <button class="button-s button-width" mat-button (click)="cancel()">
      {{content.cancelButton}}

diff --git a/...mponents/dfa-confirm-dashboard-navigation/dfa-confirm-dashboard-navigation.component.scss b/...mponents/dfa-confirm-dashboard-navigation/dfa-confirm-dashboard-navigation.component.scss
@@ -28,7 +28,6 @@ h1 {
 }
 
 .button-width {
-    width: 100%;
+    width: 95%;
     margin-bottom: 10px;
-    height: 60px;
 }
diff --git a/...components/dialog-components/dfa-eligibility-dialog/dfa-eligibility-dialog.component.html b/...components/dialog-components/dfa-eligibility-dialog/dfa-eligibility-dialog.component.html
@@ -4,7 +4,7 @@ <h2 class="dialog-title"><b>Disaster Financial Assistance (DFA) Eligibility</b><
   <div class="col-md-12" [innerHTML]="content?.text"></div>
 </mat-dialog-content>
 
-<mat-dialog-actions style="display:flex; gap:12px;">
+<mat-dialog-actions style="display:flex; justify-content:space-around">
   <div class="col-md-5">
     <button class="button-s button-width" mat-button (click)="cancel()">
       {{ content?.cancelButton }}