Make tables borderless

ui/src/style/components/tables.scss

@@ -2,6 +2,29 @@
     Stuff for making Tables of Data more readable
     ----------------------------------------------
 */
+
+
+table {
+  thead th {
+    color: $g17-whisper !important;
+    border-width: 1px;
+    border-color: $g5-pepper !important;
+  }
+  tbody td {
+    font-weight: 500;
+    color: $g14-chromium !important;
+    border: 0 !important;
+    padding: 4px 8px !important;
+  }
+  tbody tr:hover {
+    background-color: $g5-pepper;
+
+    td {
+      color: $g19-ghost !important;
+    }
+  }
+}
+
 table .monotype {
   font-family: $code-font;
   letter-spacing: 0px;
@@ -114,35 +137,41 @@ table .monotype {
     ----------------------------------------------
 */
 .admin-table {
-  .admin-table--delete {
-    visibility: hidden;
-  }
-  tbody tr {
-    transition: background-color 0.25s ease;
-    &:hover {
-      background-color: $g4-onyx;
-    }
-  }
-  tbody tr:hover .admin-table--delete {
-    visibility: visible;
-  }
   .multi-select-dropdown {
     width: 100%;
     min-width: 150px;
   }
+  .admin-table--delete {
+    visibility: hidden;
+  }
   .dropdown-toggle {
     background-color: transparent;
+    font-size: 14px;
+    font-weight: 500;
+    color: $g14-chromium;
     width: 100%;
+    transition: none !important;
 
-    .caret {
-      opacity: 0;
-    }
+    .caret {opacity: 0;}
+    .multi-select-dropdown__label {left: 0;}
   }
-  tbody tr:hover .dropdown-toggle {
-    color: $g20-white !important;
-    background-color: $c-pool;
+  tbody tr:hover {
+    .admin-table--delete {
+      visibility: visible;
+    }
+    .dropdown-toggle {
+      color: $g20-white !important;
+      background-color: $c-pool;
+      font-weight: 600;
 
-    .caret {opacity: 1;}
+      .caret {opacity: 1;}
+      .multi-select-dropdown__label {left: 9px;}
+
+      &:hover {
+        transition: background-color 0.25s ease;
+        background-color: $c-laser;
+      }
+    }
   }
 }
 .admin-table--edit-row {

ui/src/style/theme/theme-dark.scss

@@ -61,19 +61,6 @@
 }
 .panel .panel-body table {
   margin: 0;
-
-  th,td {
-    border-color: $g5-pepper;
-  }
-  th {
-    color: $g17-whisper;
-  }
-  td {
-    color: $g14-chromium;
-  }
-  tbody tr:last-child td {
-    border-bottom: 2px solid $g5-pepper;
-  }
 }
 
 table thead th {