fix: Run report view horizontal scroll issue

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

@@ -158,7 +158,7 @@
       </mat-select>
       <button mat-button *ngIf="loanProductSettingsForm.controls.delinquencyBucketId" matSuffix mat-icon-button
         aria-label="Clear" (click)="clearProperty($event, 'delinquencyBucketId')">
-        <mat-icon>close</mat-icon>
+        <i class="fa fa-close"></i>
       </button>
     </mat-form-field>
 

src/app/reports/run-report/run-report.component.ts

@@ -125,8 +125,10 @@ export class RunReportComponent implements OnInit {
         } else { // Child Parameter
           const parent: ReportParameter = this.paramData
             .find((entry: any) => entry.name === param.parentParameterName);
-          parent.childParameters.push(param);
-          this.updateParentParameters(parent);
+          if (parent != null) {
+            parent.childParameters.push(param);
+            this.updateParentParameters(parent);
+          }
         }
       });
     if (this.isPentahoReport()) {

src/app/reports/run-report/table-and-sms/table-and-sms.component.scss

@@ -1,11 +1,16 @@
-.select-row:hover {
-    cursor: pointer;
-  }
+.table-output {
+  overflow: auto;
+}
 
-.mat-header-cell, .mat-cell {
-    min-width: 150px;
-    margin-left: 5px;
-    margin-right: 5px;
+.select-row:hover {
+  cursor: pointer;
+}
+
+.mat-header-cell,
+.mat-cell {
+  min-width: 150px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .back-button {
@@ -95,4 +100,4 @@ $color: #e2e4ec;
   100% {
     width: $bar;
   }
-}
+}