Updated some commit UI colors

Fixed issue with tree view styles

1 files changed, 12 insertions, 13 deletions

diff --git a/app/assets/stylesheets/pages/commits.scss b/app/assets/stylesheets/pages/commits.scss
index 05949e2cd43..d360a224848 100644
--- a/app/assets/stylesheets/pages/commits.scss
+++ b/app/assets/stylesheets/pages/commits.scss
@@ -41,13 +41,17 @@
   }
 
   .text-expander {
-    background: #eee;
-    color: #555;
+    background: $gray-light;
+    color: $gl-gray-dark;
     padding: 0 5px;
     cursor: pointer;
-    margin-left: 4px;
+    border: 1px solid $border-gray-dark;
+    border-radius: $border-radius-default;
+    margin-left: 5px;
+
     &:hover {
-      background-color: #ddd;
+      background-color: darken($gray-light, 10%);
+      text-decoration: none;
     }
   }
 }
@@ -55,6 +59,7 @@
 .commit-actions {
   @media (min-width: $screen-md-min) {
     float: right;
+    margin-left: $gl-padding;
   }
 }
 
@@ -70,17 +75,11 @@
     border-bottom: 1px solid #eee;
   }
 
-  a {
+  a,
+  button {
     color: $gl-dark-link-color;
   }
 
-  .commit-link {
-    &:hover {
-      color: $gl-link-color;
-      text-decoration: none;
-    }
-  }
-
   .avatar {
     margin-left: -55px;
   }
@@ -94,7 +93,7 @@
     font-size: 14px;
     border-left: 1px solid #eee;
     padding: 10px 15px;
-    margin: 10px 0 10px 0;
+    margin: 10px 0;
     background: #f9f9f9;
     display: none;