WEB-455: fix alignments (#2879)

LGTM

src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts

@@ -567,6 +567,7 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
         required: true,
         order: 2
       })
+
     ];
     const data = {
       title: 'Add Disbursement Details',
@@ -708,10 +709,10 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
   }
 
   /**
-   * Check if full term tranche option should be editable at loan level.
+   * Check if full term tranche option should be visible at loan level.
-   * Only available if the loan product has it enabled and is PROGRESSIVE schedule type.
+   * Available when PROGRESSIVE schedule type and multi-disbursement is enabled.
    */
   isFullTermTrancheEditable(): boolean {
-    return this.isProgressive && this.loanProduct?.allowFullTermForTranche === true;
+    return this.isProgressive && this.multiDisburseLoan === true;
   }
 }

src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.html

@@ -718,20 +718,26 @@
       <span class="flex-60">{{ loanProduct.multiDisburseLoan | yesNo }}</span>
     </div>
     @if (loanProduct.multiDisburseLoan) {
-      <div class="flex-100 layout-row-wrap responsive-column">
+      <div class="flex-fill layout-row">
         <span class="flex-40">{{ 'labels.inputs.Maximum Tranche count' | translate }}:</span>
         <span class="flex-60">{{ loanProduct.maxTrancheCount }}</span>
-        @if (loanProduct.outstandingLoanBalance) {
-          <div class="flex-fill layout-row">
-            <span class="flex-40">{{ 'labels.inputs.Maximum allowed outstanding balance' | translate }}:</span>
-            <span class="flex-60">{{ loanProduct.outstandingLoanBalance }}</span>
-          </div>
-        }
-        <div class="flex-fill layout-row">
-          <span class="flex-40">{{ 'labels.inputs.Disallow Expected Disbursements' | translate }}:</span>
-          <span class="flex-60">{{ loanProduct.disallowExpectedDisbursements | yesNo }}</span>
-        </div>
       </div>
+      @if (loanProduct.outstandingLoanBalance) {
+        <div class="flex-fill layout-row">
+          <span class="flex-40">{{ 'labels.inputs.Maximum allowed outstanding balance' | translate }}:</span>
+          <span class="flex-60">{{ loanProduct.outstandingLoanBalance }}</span>
+        </div>
+      }
+      <div class="flex-fill layout-row">
+        <span class="flex-40">{{ 'labels.inputs.Disallow Expected Disbursements' | translate }}:</span>
+        <span class="flex-60">{{ loanProduct.disallowExpectedDisbursements | yesNo }}</span>
+      </div>
+      @if (loanProduct.loanScheduleType && loanProduct.loanScheduleType.code === 'PROGRESSIVE') {
+        <div class="flex-fill layout-row">
+          <span class="flex-40">{{ 'labels.inputs.Allow full term for each tranche' | translate }}:</span>
+          <span class="flex-60">{{ loanProduct.allowFullTermForTranche | yesNo }}</span>
+        </div>
+      }
     }
     <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Event Settings' | translate }}</h3>
     <div class="flex-100">