2 files changed, 30 insertions, 42 deletions
diff --git a/styles/style.css b/styles/style.css
index b24351a..7ae5727 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -51,6 +51,7 @@ body {
   flex-direction: row;
   font-family: monospace;
   align-items: center;
+  height: 20px;
 }
 
 .flex-wrapper .row .split-row {
diff --git a/styles/table-style.css b/styles/table-style.css
index 7bf1222..ddceb38 100644
--- a/styles/table-style.css
+++ b/styles/table-style.css
@@ -1,43 +1,30 @@
-table.dataTable thead .sorting {
-  background-image: url("../images/sort_both.png"); 
-}
-table.dataTable thead .sorting_asc {
-  background-image: url("../images/sort_asc.png"); 
-}
-table.dataTable thead .sorting_desc {
-  background-image: url("../images/sort_desc.png"); 
-}
-table.dataTable thead .sorting_asc_disabled {
-  background-image: url("../images/sort_asc_disabled.png"); 
-}
-table.dataTable thead .sorting_desc_disabled {
-  background-image: url("../images/sort_desc_disabled.png"); 
-}
-table.dataTable tbody tr {
-  background-color: #282a36; 
-}
-table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
-  background-color: #474A5E; 
-}
-table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
-  background-color: #262834; 
-}
-table.dataTable.order-column tbody tr > .sorting_1,
-table.dataTable.order-column tbody tr > .sorting_2,
-table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
-table.dataTable.display tbody tr > .sorting_2,
-table.dataTable.display tbody tr > .sorting_3 {
-  background-color: #4F4837; 
-}
-table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
-  background-color: #897E63; 
-}
-table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
-  background-color: #897E63; 
-}
-table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
-  background-color: #4F4837;
-}
-table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
-  background-color: #242631; 
+.tabulator {
+  border: none;
+  background-color: #282a36;
+}
+
+.tabulator .tabulator-header {
+  background-color: #474A5E;
+  color: whitesmoke;
+}
+
+.tabulator .tabulator-header .tabulator-col {
+  background-color: #474A5E;
+}
+
+.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
+  background-color: #6D8A88;
+}
+
+.tabulator .tabulator-row {
+  background-color: #282a36;
+  color: whitesmoke;
+}
+
+.tabulator .tabulator-row.tabulator-row-even {
+  background-color: #474A5E;
+} 
+
+.tabulator .tabulator-row.tabulator-selectable:hover {
+  background-color: #6D8A88;
 }
 \ No newline at end of file