ux: table design work

public/sass/components/_filter-table.scss

@@ -13,47 +13,67 @@
 
 .filter-table {
   width: 100%;
-  border-collapse: collapse;
-}
+  border-collapse: separate;
 
-.filter-table tr {
-  background-color: $list-item-bg;
-  border-bottom: 3px solid $page-bg;
-}
+  tbody {
+    tr:nth-child(odd) {
+      background: $dark-2;
+    }
+  }
 
-.filter-table th {
-  width: auto;
-  padding: $table-cell-padding;
-  text-align: left;
-}
+  thead {
+    tr {
+      background: linear-gradient(0deg, #3c3f5a, #292f44);
+    }
+  }
 
-.filter-table td {
-  padding: $table-cell-padding;
+  th {
+    width: auto;
+    padding: $table-cell-padding;
+    text-align: left;
+    line-height: 30px;
+    height: 30px;
+    white-space: nowrap;
+  }
 
-  &.filter-table__switch-cell {
-    padding: 0;
-    border-right: 3px solid $page-bg;
+  td {
+    padding: $table-cell-padding;
+    line-height: 30px;
+    height: 30px;
+    border-bottom: 1px solid black;
+    white-space: nowrap;
+
+    &.filter-table__switch-cell {
+      padding: 0;
+      border-right: 3px solid $page-bg;
+    }
+  }
+
+  .ellipsis {
+    display: block;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .expanded {
+    border-color: $panel-bg;
+  }
+
+  .expanded > td {
+    padding-bottom: 0;
+  }
+
+  .filter-table__avatar {
+    width: 25px;
+    height: 25px;
+    border-radius: 50%;
+  }
+
+  &--hover {
+    tbody tr:hover {
+      background: $dark-3;
+    }
   }
 }
-
-.filter-table .ellipsis {
-  display: block;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.filter-table .expanded {
-  border-color: $panel-bg;
-}
-
-.filter-table .expanded > td {
-  padding-bottom: 0;
-}
-
-.filter-table__avatar {
-  width: 25px;
-  height: 25px;
-  border-radius: 50%;
-}

public/sass/components/_navbar.scss

@@ -6,7 +6,7 @@
   padding-left: $side-menu-width;
   box-shadow: $navbarShadow;
   z-index: 1;
-  background-color: $navbarBackground;
+  background: $navbarBackground;
 }
 
 .navbar-inner {