Minor fixes in Loan product Advanced Payment Allocation (#1856)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

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

@@ -10,22 +10,22 @@
       </mat-select>
     </mat-form-field>
 
-    <div class="mat-elevation-z8 container m-t-20">
+    <h4 class="m-b-15 right" fxFlex="63%">You can drag and drop the rows to set a Payment Allocations order</h4>
 
+    <div class="mat-elevation-z8 container m-t-15">
       <table mat-table [dataSource]="paymentAllocationsData" #table cdkDropList
-        [cdkDropListData]="paymentAllocationsData" (cdkDropListDropped)="dropTable($event)"
-        matTooltip="You can drag and drop the rows to set a Payment Allocations order">
-
-        <ng-container matColumnDef="order">
-          <th mat-header-cell *matHeaderCellDef> Order </th>
-          <td mat-cell *matCellDef="let paymentAllocation; let rowIndex = index"> {{ (rowIndex + 1) }} </td>
-        </ng-container>
+        [cdkDropListData]="paymentAllocationsData" (cdkDropListDropped)="dropTable($event)">
 
         <ng-container matColumnDef="paymentAllocation">
           <th mat-header-cell *matHeaderCellDef> Payment Allocation </th>
           <td mat-cell *matCellDef="let paymentAllocation"> {{ paymentAllocation.name }} </td>
         </ng-container>
 
+        <ng-container matColumnDef="order">
+          <th mat-header-cell *matHeaderCellDef> Order </th>
+          <td mat-cell *matCellDef="let paymentAllocation; let rowIndex = index"> {{ (rowIndex + 1) }} </td>
+        </ng-container>
+
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         <tr mat-row cdkDrag [cdkDragData]="row" *matRowDef="let row; columns: displayedColumns;"></tr>
       </table>

src/app/products/loan-products/loan-product-stepper/loan-product-payment-strategy-step/loan-product-payment-strategy-step.component.ts

@@ -27,7 +27,7 @@ export class LoanProductPaymentStrategyStepComponent implements OnInit {
   @ViewChild('table') table: MatTable<any>;
 
   /** Columns to be displayed in the table. */
-  displayedColumns: string[] = ['order', 'paymentAllocation'];
+  displayedColumns: string[] = ['paymentAllocation', 'order'];
 
   constructor() { }