fix: Display issues

src/app/savings/saving-account-actions/manage-savings-account/manage-savings-account.component.html

@@ -1,11 +1,13 @@
 <div class="container mat-elevation-z8">
   <mat-card>
-    <h2 mat-title *ngIf="transactionType.holdamount">{{ 'labels.heading.Hold Amount' | translate }}</h2>
-    <h2 mat-title *ngIf="transactionType.blockaccount">{{ 'labels.heading.Block Savings Account' | translate }}</h2>
+    <mat-card-title *ngIf="transactionType.holdamount">{{ 'labels.heading.Hold Amount' | translate }}</mat-card-title>
+    <mat-card-title *ngIf="transactionType.blockaccount">{{
+      'labels.heading.Block Savings Account' | translate
+    }}</mat-card-title>
 
     <form [formGroup]="manageSavingsAccountForm" (ngSubmit)="submit()">
-      <mat-card-content class="layout-column">
-        <mat-form-field>
+      <mat-card-content class="layout-row">
+        <mat-form-field class="flex-100">
           <mat-label>{{ 'labels.inputs.Reason' | translate }}</mat-label>
           <mat-select required formControlName="reasonForBlock">
             <mat-option *ngFor="let codeValue of reasonOptions" [value]="codeValue.id">
@@ -18,7 +20,7 @@
           </mat-error>
         </mat-form-field>
 
-        <mat-form-field class="flex-fill" (click)="transactionDatePicker.open()" *ngIf="transactionType.holdamount">
+        <mat-form-field class="flex-100" (click)="transactionDatePicker.open()" *ngIf="transactionType.holdamount">
           <mat-label>{{ 'labels.inputs.Transaction Date' | translate }}</mat-label>
           <input
             matInput
@@ -37,6 +39,7 @@
         </mat-form-field>
 
         <mifosx-input-amount
+          class="flex-100"
           [currency]="currency"
           [isRequired]="true"
           *ngIf="transactionType.holdamount"

src/app/savings/saving-account-actions/post-interest-as-on-savings-account/post-interest-as-on-savings-account.component.html

@@ -2,7 +2,7 @@
   <mat-card>
     <form [formGroup]="postInterestSavingsAccountForm" (ngSubmit)="submit()">
       <mat-card-content>
-        <mat-form-field class="flex-fill" (click)="transactionDatePicker.open()">
+        <mat-form-field class="flex-100" (click)="transactionDatePicker.open()">
           <mat-label>{{ 'labels.inputs.Transaction Date' | translate }}</mat-label>
           <input
             matInput