Use class instead id for css styles

app/assets/stylesheets/gitlab_bootstrap/lists.scss

@@ -13,7 +13,10 @@ ul {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 
     &.smoke { background-color:#f5f5f5; }
-    &:hover { background:$hover; }
+    &:hover {
+      background:$hover;
+      border-bottom:1px solid #ADF;
+    }
     &:last-child { border:none }
     .author { color: #999; }
 

app/assets/stylesheets/sections/tree.scss

@@ -1,21 +1,8 @@
-#tree-holder {
+.tree-holder {
-  #tree-content-holder {
+  .tree-content-holder {
     float:left;
     width:100%;
   }
-  #tree-readme-holder {
-    float:left;
-    width:100%;
-    .readme {
-      border:1px solid #ccc;
-      padding:12px;
-      background: #F7F7F7;
-
-      pre {
-        overflow: auto;
-      }
-    }
-  }
 
   .tree_progress {
     display:none;
@@ -25,7 +12,7 @@
     }
   }
 
-  #tree-slider {
+  .tree-table {
     @include border-radius(0);
     .tree-item {
       &:hover {
@@ -55,8 +42,7 @@
     }
   }
 
-
+  .tree-table {
-  #tree-slider {
     td {
       background:#fafafa;
     }
@@ -72,5 +58,4 @@
       text-decoration: underline;
     }
   }
-
 }

app/views/tree/_tree.html.haml

@@ -8,12 +8,12 @@
     %li= link
 .clear
 %div.tree_progress
-#tree-content-holder
+%div#tree-content-holder.tree-content-holder
   - if tree.is_blob?
     = render partial: "tree/tree_file", locals: { name: tree.name, content: tree.data, file: tree }
   - else
     - contents = tree.contents
-    %table#tree-slider{class: "table_#{@hex_path}" }
+    %table#tree-slider{class: "table_#{@hex_path} tree-table" }
       %thead
         %th Name
         %th Last Update

app/views/tree/show.html.haml

@@ -1,5 +1,6 @@
 = render "head"
-#tree-holder= render partial: "tree", locals: {commit: @commit, tree: @tree}
+%div#tree-holder.tree-holder
+  = render "tree", commit: @commit, tree: @tree
 
 :javascript
   $(function() {