Tables refactored

app/assets/stylesheets/gitlab_bootstrap/tables.scss

@@ -1,41 +1,45 @@
 table {
+  @extend .table;
+  @extend .table-striped;
+  @include solid_shade;
+  border:1px solid #bbb;
   width:100%;
+
   th {
-    padding-top: 9px;
     font-weight: bold;
     vertical-align: middle;
+    border-bottom: 1px solid #bbb;
+    text-shadow: 0 1px 1px #fff;
+    @include bg-dark-gray-gradient;
   }
+
   th, td {
-    padding: 10px 10px 9px;
+    padding: 8px;
     line-height: 18px;
     text-align: left;
   }
 
-  &.bordered-table {
-    border: 1px solid #DDD;
-    border-collapse: separate;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
+  td {
+    border-color:#f1f1f1;
+    &:first-child {
+      border-left:1px solid #bbb;
+    }
+
+    &:last-child {
+      border-right:1px solid #bbb;
+    }
   }
 
-  &.zebra-striped {
-    @extend .table-striped;
+  &.bordered {
+    @extend .table-bordered;
+  }
+
+  &.lite {
+    border:none;
+    box-shadow:none;
+    tr, td {
+      border:none;
+      background:none !important;
+    }
   }
 }
-
-table.admin-table {
-  @extend .table-bordered;
-  @extend .zebra-striped;
-  @include solid_shade;
-  th {
-    border-color: #CCC;
-    border-bottom: 1px solid #bbb;
-    @include bg-gray-gradient;
-  }
-}
-
-table.no-borders {
-  border:none;
-  tr, td { border:none }
-}

app/assets/stylesheets/sections/tree.scss

@@ -1,4 +1,4 @@
-#tree-holder { 
+#tree-holder {
   #tree-content-holder {
     float:left;
     width:100%;
@@ -11,40 +11,44 @@
       padding:12px;
       background: #F7F7F7;
 
-      pre { 
+      pre {
         overflow: auto;
       }
     }
   }
 
-  .tree_progress { 
+  .tree_progress {
     display:none;
     margin:20px;
-    &.loading { 
+    &.loading {
       display:block;
     }
   }
 
   #tree-slider {
     @include border-radius(0);
-    .tree-item { 
-      &:hover { 
-        td { background: $hover; }
+    .tree-item {
+      &:hover {
+        td {
+          background: $hover;
+          border-top:1px solid #FEA;
+          border-bottom:1px solid #FEA;
+        }
         cursor:pointer;
       }
     }
   }
 
-  .tree-item { 
-    .tree-item-file-name { 
+  .tree-item {
+    .tree-item-file-name {
       vertical-align:middle;
-      a { 
-        &:hover { 
+      a {
+        &:hover {
           color:$blue_link;
         }
       }
 
-      img { 
+      img {
         position: relative;
         top:-1px;
       }
@@ -52,37 +56,19 @@
   }
 
 
-  #tree-slider { 
-    @include solid_shade;
-    width:100%;
-
-    border-color:#ccc;
-
-    td { 
-      padding:8px;
-      border-color:#f1f1f1;
+  #tree-slider {
+    td {
       background:#fafafa;
     }
-
-    tr:first-child td:first-child, 
-    tr:first-child td:last-child { 
-      border-radius:0;
-    }
-
-    th { 
-      border-color: #CCC;
-      border-bottom: 1px solid #bbb;
-      @include bg-gray-gradient;
-    }
   }
 
-  .tree-commit-link { 
+  .tree-commit-link {
     color:#333;
   }
 
-  a.tree-commit-link { 
+  a.tree-commit-link {
     color: #666;
-    &:hover { 
+    &:hover {
       text-decoration: underline;
     }
   }