WEB-455: fix alignments (#2874)

LGTM

Author: budaidev

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

@@ -709,10 +709,10 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
   }
 
   /**
-   * Check if full term tranche option should be editable at loan level.
-   * Only available if the loan product has it enabled and is PROGRESSIVE schedule type.
+   * Check if full term tranche option should be visible at loan level.
+   * 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

@@ -722,9 +722,11 @@ <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Loan Tranche Details' | translat
     <span class="flex-60">{{ loanProduct.multiDisburseLoan | yesNo }}</span>
   </div>
 
-  <div class="flex-100 layout-row-wrap responsive-column" *ngIf="loanProduct.multiDisburseLoan">
-    <span class="flex-40">{{ 'labels.inputs.Maximum Tranche count' | translate }}:</span>
-    <span class="flex-60">{{ loanProduct.maxTrancheCount }}</span>
+  <ng-container *ngIf="loanProduct.multiDisburseLoan">
+    <div class="flex-fill layout-row">
+      <span class="flex-40">{{ 'labels.inputs.Maximum Tranche count' | translate }}:</span>
+      <span class="flex-60">{{ loanProduct.maxTrancheCount }}</span>
+    </div>
     <div class="flex-fill layout-row" *ngIf="loanProduct.outstandingLoanBalance">
       <span class="flex-40">{{ 'labels.inputs.Maximum allowed outstanding balance' | translate }}:</span>
       <span class="flex-60">{{ loanProduct.outstandingLoanBalance }}</span>
@@ -733,7 +735,14 @@ <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Loan Tranche Details' | translat
       <span class="flex-40">{{ 'labels.inputs.Disallow Expected Disbursements' | translate }}:</span>
       <span class="flex-60">{{ loanProduct.disallowExpectedDisbursements | yesNo }}</span>
     </div>
-  </div>
+    <div
+      class="flex-fill layout-row"
+      *ngIf="loanProduct.loanScheduleType && loanProduct.loanScheduleType.code === 'PROGRESSIVE'"
+    >
+      <span class="flex-40">{{ 'labels.inputs.Allow full term for each tranche' | translate }}:</span>
+      <span class="flex-60">{{ loanProduct.allowFullTermForTranche | yesNo }}</span>
+    </div>
+  </ng-container>
 
   <h3 class="mat-h3 flex-fill">{{ 'labels.heading.Event Settings' | translate }}</h3>