Fix issues in account actions (#1599)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/system/manage-reports/create-report/create-report.component.html

@@ -65,7 +65,7 @@
 
           <mat-form-field fxFlex="98%">
             <mat-label>SQL</mat-label>
-            <textarea matInput required formControlName="reportSql"></textarea>
+            <textarea matInput required formControlName="reportSql" cdkTextareaAutosize cdkAutosizeMinRows="6"></textarea>
             <mat-error *ngIf="reportForm.controls.reportSql.hasError('required')">
               SQL is <strong>required</strong>
             </mat-error>

src/app/system/manage-reports/create-report/create-report.component.scss

@@ -2,16 +2,17 @@
 
   .user-report-wrapper {
     position: relative;
-  
+
     .user-report {
       padding: 0 0 17.5px 0;
       position: absolute;
       bottom: 0;
     }
   }
-  
+
 }
 
 table {
   width: 100%;
+  margin-top: 20px;
 }

src/app/system/manage-reports/edit-report/edit-report.component.html

@@ -64,7 +64,7 @@
 
           <mat-form-field fxFlex="98%">
             <mat-label>SQL</mat-label>
-            <textarea matInput required formControlName="reportSql"></textarea>
+            <textarea matInput required formControlName="reportSql" cdkTextareaAutosize cdkAutosizeMinRows="6"></textarea>
             <mat-error *ngIf="reportForm.controls.reportSql.hasError('required')">
               SQL is <strong>required</strong>
             </mat-error>

src/app/system/manage-reports/view-report/view-report.component.html

@@ -32,11 +32,11 @@
           {{ reportData.reportType }}
         </div>
 
-        <div fxFlex="50%" class="mat-body-strong">
+        <div *ngIf="reportData.reportSubType" fxFlex="50%" class="mat-body-strong">
           Report Subtype:
         </div>
 
-        <div fxFlex="50%">
+        <div *ngIf="reportData.reportSubType" fxFlex="50%">
           {{ reportData.reportSubType }}
         </div>
 
@@ -69,3 +69,5 @@
     </mat-card-content>
 
   </mat-card>
+
+</div>