Fix in products view routes (#1643)

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

src/app/system/manage-surveys/manage-surveys.component.html

@@ -1,10 +1,10 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
   <button mat-raised-button color="primary" [routerLink]="['create']">
-    <fa-icon icon="plus"></fa-icon>&nbsp;&nbsp;
+    <fa-icon icon="plus" class="m-r-10"></fa-icon>
     Create Surveys
   </button>
 </div>
-  
+
 <div class="container">
 
   <div fxLayout="row">
@@ -13,26 +13,26 @@
       <input matInput (keyup)="applyFilter($event.target.value)">
     </mat-form-field>
   </div>
-  
+
   <div class="mat-elevation-z8">
-    
+
     <table mat-table [dataSource]="dataSource" matSort>
 
       <ng-container matColumnDef="key">
           <th mat-header-cell *matHeaderCellDef mat-sort-header> Key </th>
           <td mat-cell *matCellDef="let survey"> {{ survey.key }} </td>
       </ng-container>
-        
+
       <ng-container matColumnDef="name">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Name </th>
         <td mat-cell *matCellDef="let survey"> {{ survey.name }} </td>
       </ng-container>
-  
+
       <ng-container matColumnDef="description">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
         <td mat-cell *matCellDef="let survey"> {{ survey.description }} </td>
       </ng-container>
-  
+
       <ng-container matColumnDef="countryCode">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Country Code </th>
         <td mat-cell *matCellDef="let survey"> {{ survey.countryCode }} </td>
@@ -51,14 +51,14 @@
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>
         <td mat-cell *matCellDef="let survey">
           <button mat-button *ngIf="!isActive(survey.validFrom, survey.validTo)" color="accent">
-            <fa-icon icon="lock-open"></fa-icon>&nbsp;&nbsp;Activate
+            <fa-icon icon="lock-open" class="m-r-10"></fa-icon>Activate
           </button>
           <button mat-button *ngIf="isActive(survey.validFrom, survey.validTo)" color="warn">
-            <fa-icon icon="lock"></fa-icon>&nbsp;&nbsp;Deactivate
+            <fa-icon icon="lock" class="m-r-10"></fa-icon>Deactivate
           </button>
-        </td> 
+        </td>
       </ng-container>
-  
+
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let survey; columns: displayedColumns;" [routerLink]="[survey.id]" class="select-row"></tr>