Fixed styles in add more comments in details. Related #812

app/coffee/modules/common.coffee

@@ -118,8 +118,8 @@ ChangesDirective = ->
     containerTemplate = _.template("""
     <div>
         <% if (showMoreEnabled){ %>
-            <a href="" title="Show more" class="show-more">
-            Show <%- howManyMore %> more
+            <a href="" title="Show more" class="show-more show-more-comments">
+            + Show previous comments (<%- howManyMore %> more)
             </a>
         <% } %>
     </div>

app/styles/layout/us-detail.scss

@@ -160,7 +160,7 @@
 }
 
 .comment-list {
-    padding: 1rem 2rem;
+    padding: 1rem;
 }
 
 .us-detail-status {

app/styles/modules/common/comments.scss

@@ -24,6 +24,19 @@
     }
 }
 
+a.show-more-comments {
+    @extend %small;
+    border-bottom: 1px solid $gray-light;
+    border-top: 1px solid $gray-light;
+    color: $gray-light;
+    display: block;
+    padding: 1rem 0 1rem 1rem;
+    &:hover {
+        @include transition (background .2s ease-in);
+        background: lighten($green-taiga, 60%);
+    }
+}
+
 .comment-single {
     @include table-flex;
     border-bottom: 2px solid $gray-light;
@@ -95,7 +108,8 @@
         margin-left: .5rem;
     }
 }
-.comment-list.activeanimation {
+.comment-list {
+    &.activeanimation {
         .comment-single.ng-enter:last-child,
         .comment-single.ng-leave:last-child {
             @include transition(all .3s ease-in);
@@ -108,4 +122,5 @@
         .comment-single.ng-enter.ng-enter-active:last-child {
             opacity: 1;
         }
+    }
 }