WEB-377:fix improve deposit form heading styling and appearance (#2952)

2025-12-31 11:06:54 -06:00
parent 3c9ffeb50b
commit 53a238a1cb
2 changed files with 10 additions and 4 deletions
@@ -1,14 +1,14 @@
 <div class="container mat-elevation-z8">
  <mat-card>
    @if (transactionType.withdrawal) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
        {{ 'labels.heading.Withdraw Money From Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
    }
    @if (transactionType.deposit) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
        {{ 'labels.heading.Deposit Money To Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
    }

    <form [formGroup]="savingAccountTransactionForm" (ngSubmit)="submit()">
@@ -13,3 +13,9 @@
 .right-label {
  padding-right: 25px !important;
 }
+
+.form-heading {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}