Fix commit description expand

app/assets/stylesheets/sections/commits.scss

@@ -170,20 +170,13 @@ li.commit {
     }
 
     .text-expander {
-      background: #ddd;
+      background: #eee;
       color: #555;
       padding: 0 5px;
-      line-height: 6px;
-      height: 12px;
-      font-size: 12px;
-      font-weight: bold;
-      vertical-align: middle;
-      display: inline-block;
-      border-radius: 1px;
-      text-decoration: none;
       cursor: pointer;
+      margin-left: 4px;
       &:hover {
-        background-color: #ccc;
+        background-color: #ddd;
       }
     }
   }
@@ -218,10 +211,4 @@ li.commit {
       @extend .cgray;
     }
   }
-
-  &.open {
-    .commit-row-description {
-      display: block;
-    }
-  }
 }

app/views/projects/commits/_commit.html.haml

-%li.commit
-  .commit-row-title{"data-toggle" => "dropdown"}
+%li.commit.js-toggle-container
+  .commit-row-title
     = link_to commit.short_id(8), project_commit_path(project, commit), class: "commit_short_id"
      
     %span.str-truncated
       = link_to_gfm commit.title, project_commit_path(project, commit.id), class: "commit-row-message"
       - if commit.description?
-        %span.label-default.text-expander.js-details-target ...
+        %a.label-default.text-expander.js-toggle-button ...
 
     = link_to "Browse Code »", project_tree_path(project, commit), class: "pull-right"
     .notes_count
@@ -16,7 +16,7 @@
           = notes.count
 
   - if commit.description?
-    .commit-row-description
+    .commit-row-description.js-toggle-content
       = simple_format(commit.description)
 
   .commit-row-info