fix: Loan transactions refresh after apply Capitalized Income Adjustment transaction

src/app/products/loan-products/loan-product-stepper/loan-product-accounting-step/loan-product-accounting-step.component.html

@@ -13,7 +13,7 @@
 
     <div
       *ngIf="loanProductAccountingForm.value.accountingRule >= 2 && loanProductAccountingForm.value.accountingRule <= 4"
-      class="flex-fill layout-row-wrap gap-2percent responsive-column"
+      class="flex-100 layout-row-wrap responsive-column"
     >
       <mat-checkbox *ngIf="isAccountingAccrualBased" class="flex-73" formControlName="enableAccrualActivityPosting">{{
         'labels.inputs.Enable Accrual Activity Posting on Installment Due Date' | translate
@@ -56,7 +56,7 @@
         *ngIf="
           loanProductAccountingForm.value.accountingRule === 3 || loanProductAccountingForm.value.accountingRule === 4
         "
-        class="flex-fill layout-row-wrap gap-2percent responsive-column"
+        class="flex-100 layout-row-wrap responsive-column"
       >
         <mifosx-gl-account-selector
           class="flex-48"
@@ -195,7 +195,7 @@
       <h4 class="mat-h4 flex-98">{{ 'labels.heading.Expenses' | translate }}</h4>
 
       <mifosx-gl-account-selector
-        fxFlex="48%"
+        class="flex-48"
         [inputFormControl]="loanProductAccountingForm.controls.writeOffAccountId"
         [glAccountList]="expenseAccountData"
         [required]="true"
@@ -245,7 +245,7 @@
 
       <mifosx-gl-account-selector
         *ngIf="capitalizedIncome?.enableIncomeCapitalization"
-        fxFlex="48%"
+        class="flex-48"
         [inputFormControl]="loanProductAccountingForm.controls.deferredIncomeLiabilityAccountId"
         [glAccountList]="liabilityAccountData"
         [required]="true"
@@ -253,7 +253,7 @@
       >
       </mifosx-gl-account-selector>
 
-      <mat-divider fxFlex="98%"></mat-divider>
+      <mat-divider fxFlex="flex-98"></mat-divider>
 
       <mat-checkbox class="flex-73" formControlName="advancedAccountingRules">{{
         'labels.heading.Advanced Accounting Rules' | translate
@@ -261,7 +261,7 @@
 
       <div
         *ngIf="loanProductAccountingForm.value.advancedAccountingRules"
-        class="flex-fill layout-row-wrap gap-2percent responsive-column"
+        class="flex-100 layout-row-wrap responsive-column"
       >
         <h4 class="mat-h4 flex-33">
           {{ 'labels.heading.Configure Fund Sources for Payment Channels' | translate }}
@@ -492,7 +492,7 @@
     </div>
   </div>
 
-  <div class="layout-row align-center gap-2percent margin-t responsive-column">
+  <div class="layout-row align-center margin-t responsive-column">
     <button mat-raised-button matStepperPrevious>
       <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
       {{ 'labels.buttons.Previous' | translate }}