fix: make table responsive

angular-indonesia · Mar 29, 2019 · e1d0020 · e1d0020
1 parent ead0071
commit e1d0020
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/core/components/contact-list/contact-list.component.html b/src/app/core/components/contact-list/contact-list.component.html
@@ -1,5 +1,5 @@
-<table *ngIf="contacts; else loading" class="table table-hover">
-  <thead>
+<table *ngIf="contacts; else loading" class="table table-hover table-responsive-md">
+  <thead class="header">
   <tr>
     <th>#</th>
     <th>Name</th>

diff --git a/src/app/core/components/contact-list/contact-list.component.sass b/src/app/core/components/contact-list/contact-list.component.sass
@@ -1,2 +1,5 @@
 .contact-row
   animation: fadeIn 600ms
+
+.header
+  width: 100%