Set autosize and min two rows in textarea controls (#1604)

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

src/app/clients/client-stepper/client-address-step/client-address-step.component.html

@@ -4,18 +4,18 @@
 
   <div fxLayout="row" fxLayoutAlign="flex-end" class="m-b-20">
     <button mat-raised-button color="primary" (click)="addAddress()">
-      <fa-icon icon="plus"></fa-icon>&nbsp;&nbsp;Add
+      <fa-icon icon="plus" class="m-r-10"></fa-icon>Add
     </button>
   </div>
 
-  <mat-accordion>
+  <mat-accordion *ngIf="clientAddressData.length > 0">
 
     <mat-expansion-panel *ngFor="let address of clientAddressData; index as i" class="address">
 
       <mat-expansion-panel-header>
 
         <mat-panel-title>
-          {{ getSelectedValue('addressTypeIdOptions',address.addressTypeId)?.name }}
+          {{ getSelectedValue('addressTypeIdOptions', address.addressTypeId)?.name }}
         </mat-panel-title>
 
         <mat-panel-description>
@@ -57,12 +57,12 @@
 
   <div fxLayout="row" class="margin-t" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
     <button mat-raised-button matStepperPrevious>
-      <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;
+      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
       Previous
     </button>
     <button mat-raised-button matStepperNext>
-      Next&nbsp;&nbsp;
-      <fa-icon icon="arrow-right"></fa-icon>
+      Next
+      <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
     </button>
   </div>