CSS: Fix border-left transparent of common-table (WIP)

refs #5543
Icinga · Nov 4, 2015 · 561acd9 · 561acd9
1 parent ed69bd5
commit 561acd9
Showing 1 changed file with 26 additions and 29 deletions.
diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
@@ -126,54 +126,51 @@ dl.name-value-list {
 }
 
 table.common-table {
+  width: 100%;
 
-  border-collapse: collapse;
-
-  tr {
-    border-left: 5px solid rgba(0,0,0,0.5);
-    border-opacity:0.7;
-  }
-
-  tr[href] {
-    &.active {
-      background-color: @gray-lighter;
-      border-left: 5px solid @icinga-blue;
-    }
-
-    &:hover {
-      background-color: @gray-lightest;
-      cursor: pointer;
-    }
+  td, th {
+    padding-top: 0.667em;
+    padding-bottom: 0.667em;
+    vertical-align: middle;
   }
 
-  tbody th {
+  th {
     text-align: left;
   }
 
   thead {
     border-bottom: 1px solid @gray-light;
-
-    // Reset default font-weight
-    font-weight: normal;
-    text-align: left;
   }
 
-  tr {
+  tbody tr {
     border-bottom: 1px solid @gray-lightest;
+    border-left: 5px solid transparent;
 
     &:last-child {
       border-bottom: none;
     }
   }
+
+  tr[href] {
+    &.active {
+      background-color: @gray-lighter;
+      border-left-color: @icinga-blue;
+    }
+
+    &:hover {
+      background-color: @gray-lightest;
+      cursor: pointer;
+    }
+  }
 }
 
 .name-value-table th {
-    color: @text-color-light;
-    font-size: @font-size-small;
-    // Reset default font-weight
-    font-weight: normal;
-    text-align: left;
-    width: 10em;
+  color: @text-color-light;
+  font-size: @font-size-small;
+  // Reset default font-weight
+  font-weight: normal;
+  text-align: left;
+  width: 10em;
 }
 
 // TODO(el): Fix