From 91281fb7965632032dbf503403835c546b384e7b Mon Sep 17 00:00:00 2001
From: jr-98 <jonathan.tillaguango@unl.edu.ec>
Date: Wed, 27 Jan 2021 22:28:15 -0500
Subject: [PATCH] fix: TT-139-Reduce-the-left-margin-on-the-customer-page2

---
 .../activity-list/activity-list.component.html |  2 +-
 .../customer-list/customer-list.component.html | 18 ++++++++++--------
 .../customer-list/customer-list.component.scss |  4 ++++
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/modules/activities-management/components/activity-list/activity-list.component.html b/src/app/modules/activities-management/components/activity-list/activity-list.component.html
index a4582ed10..903587928 100644
--- a/src/app/modules/activities-management/components/activity-list/activity-list.component.html
+++ b/src/app/modules/activities-management/components/activity-list/activity-list.component.html
@@ -4,7 +4,7 @@
       <tr class="d-flex">
         <th class="col-4">Activity ID</th>
         <th class="col-5">Activity</th>
-        <th class="col-3 text-center"></th>
+        <th class="col-3 text-center">Options</th>
       </tr>
     </thead>
     <app-loading-bar *ngIf="(isLoading$ | async)"></app-loading-bar>
diff --git a/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.html b/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.html
index f8af93e2d..711471409 100644
--- a/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.html
+++ b/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.html
@@ -1,23 +1,24 @@
-<table
+<div class="table table-responsive">
+  <table
   *ngIf="customers"
-  class="table table-responsive-sm table-bordered table-striped mb-0"
+class="table table-bordered table-striped"
   datatable
   [dtTrigger]="dtTrigger"
   [dtOptions]="dtOptions"
 >
   <thead class="thead-blue">
     <tr class="d-flex">
-      <th class="col-sm-4">Customer ID</th>
-      <th class="col-sm-5">Name</th>
-      <th class="col-sm-3 text-center">Options</th>
+      <th class="col-5 text-center">Customer ID</th>
+      <th class="col-3 text-center">Name</th>
+      <th class="col-4 text-center">Options</th>
     </tr>
   </thead>
   <app-loading-bar *ngIf="(isLoading$ | async)"></app-loading-bar>
   <tbody *ngIf="((isLoading$ | async) === false)">
     <tr class="d-flex" *ngFor="let customer of customers">
-      <td class="col col-sm-4">{{ customer.id }}</td>
-      <td class="col col-sm-5">{{ customer.name }}</td>
-      <td class="col col-sm-3 text-center">
+      <td class="col-5">{{ customer.id }}</td>
+      <td class="col-3">{{ customer.name }}</td>
+      <td class="col-4 text-center">
         <button
           (click)="editCustomer(customer.id)"
           type="button"
@@ -38,6 +39,7 @@
     </tr>
   </tbody>
 </table>
+</div>
 
 <app-dialog
   *ngIf="showModal"
diff --git a/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.scss b/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.scss
index e69de29bb..9d5a604f4 100644
--- a/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.scss
+++ b/src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.scss
@@ -0,0 +1,4 @@
+.col-3 .col-4 .col-5 {
+  padding: 1rem 0rem 2rem;
+  overflow: hidden;
+}