fixing multiple checkboxes per decive user, making tables look alike

Author: Mathias Husum Nielsen

eform-client/src/app/modules/advanced/components/sites/sites/sites.component.html

@@ -4,7 +4,7 @@
 
 <!--Here you can choose approach as you like: container-row, or flex, or just element with required styles and markup-->
 <div class="container-fluid">
-  <div class="row pt-3 table-responsive no-gutters">
+  <div class="row p-1 table-responsive no-gutters">
     <table mat-table class="table table-sm table-striped text-center mat-elevation-z8">
       <thead>
       <tr>

eform-client/src/app/modules/advanced/components/units/units.component.html

@@ -4,7 +4,7 @@
 
 <!--Here you can choose approach as you like: container-row, or flex, or just element with required styles and markup-->
 <div class="container-fluid">
-  <div class="row pt-3 table-responsive no-gutters">
+  <div class="row p-1 table-responsive no-gutters">
     <table mat-table class="table table-sm table-striped text-center mat-elevation-z8">
       <thead>
       <tr>

eform-client/src/app/modules/device-users/components/device-users-page/device-users-page.component.html

@@ -10,7 +10,7 @@
 
 <!--Here you can choose approach as you like: container-row, or flex, or just element with required styles and markup-->
 <div class="container-fluid">
-  <div class="row pt-3 table-responsive no-gutters">
+  <div class="row p-1 table-responsive no-gutters">
     <table mat-table class="table table-sm table-striped text-center mat-elevation-z8">
       <thead>
       <tr>

eform-client/src/app/modules/eforms/components/eform-edit-paring-modal/eform-edit-paring-modal.component.html

@@ -19,10 +19,11 @@ <h3>{{'eForm Pairing'}}</h3>
             <td class="align-middle">{{siteDto.siteName}}</td>
             <td class="align-middle">
               <div *ngFor="let checkboxModel of deployViewModel.deployCheckboxes">
+                <label *ngIf="checkboxModel.id == siteDto.siteUId">
                    <mat-checkbox (click)="addToArray($event, checkboxModel.id)"
-                                 [checked]="checkboxModel.isChecked" [value]="checkboxModel.isChecked" color="primary">
-
+                                 [checked]="checkboxModel.isChecked" [value]="checkboxModel.isChecked" color="primary" type="checkbox">
                    </mat-checkbox>
+                </label>
               </div>
             </td>
           </tr>