From fbdc64f807fca32559c0a51625dbf591ac5044b0 Mon Sep 17 00:00:00 2001
From: Rene Enriquez <enriquezrene.ap@gmail.com>
Date: Tue, 26 May 2020 12:27:12 -0500
Subject: [PATCH] fix: #296 vertical scroll on project type list table

---
 .../project-type-list.component.html          | 50 ++++++++-----------
 .../project-type-list.component.scss          |  4 ++
 2 files changed, 24 insertions(+), 30 deletions(-)

diff --git a/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.html b/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.html
index 9970f630f..f51b8bd98 100644
--- a/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.html
+++ b/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.html
@@ -1,31 +1,21 @@
-<table class="table table-sm table-bordered table-striped">
-  <thead class="thead-orange">
-    <tr class="d-flex">
-      <th class="col-9">Project type</th>
-      <th class="col-3 text-center"></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr
-      class="d-flex"
-      *ngFor="
-        let projectType of projectTypes | paginate: { itemsPerPage: itemsPerPage, currentPage: initPage2, id: 'second' }
-      "
-    >
-      <td class="col-sm-9">{{ projectType.name }}</td>
-      <td class="col-sm-3 text-center">
-        <button type="button" class="btn btn-sm btn-primary"  (click)="updateProjectType(projectType.id)"><i class="fa fa-pencil fa-xs"></i></button>
-        <button type="button" class="btn btn-sm btn-danger ml-2" (click)="deleteProjectType(projectType.id)"><i class="fas fa-trash-alt fa-xs"></i></button>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<div class="d-flex align-items-end flex-column">
-  <pagination-controls
-    class="mt-auto p-2 custom-pagination"
-    (pageChange)="initPage2 = $event"
-    id="second"
-    previousLabel=""
-    nextLabel=""
-  ></pagination-controls>
+<div class="project-type-list-div">
+  <table class="table table-sm table-bordered table-striped">
+    <thead class="thead-orange">
+      <tr class="d-flex">
+        <th class="col-9">Project type</th>
+        <th class="col-3 text-center"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="d-flex" *ngFor="let projectType of projectTypes">
+        <td class="col-sm-9">{{ projectType.name }}</td>
+        <td class="col-sm-3 text-center">
+          <button type="button" class="btn btn-sm btn-primary" (click)="updateProjectType(projectType.id)"><i
+              class="fa fa-pencil fa-xs"></i></button>
+          <button type="button" class="btn btn-sm btn-danger ml-2" (click)="deleteProjectType(projectType.id)"><i
+              class="fas fa-trash-alt fa-xs"></i></button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
 </div>
diff --git a/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.scss b/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.scss
index 8099bafc8..d3a3d95bc 100644
--- a/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.scss
+++ b/src/app/modules/customer-management/components/projects-type/components/project-type-list/project-type-list.component.scss
@@ -1 +1,5 @@
 @import '../../../../../../../styles/colors.scss';
+
+.project-type-list-div {
+  max-height: 250px; overflow: auto; display:inline-block; width: 100%;
+}