From 1d6363e09365686bd09c1c6a2562e19678b00b58 Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Mon, 4 Apr 2016 15:35:14 -0300
Subject: [PATCH] Fix layout of comments replies

---
 src/app/article/comment/comment.html                   | 8 +++-----
 src/app/article/comment/comment.scss                   | 6 ++++--
 src/app/article/comment/post-comment/post-comment.scss | 4 +---
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/app/article/comment/comment.html b/src/app/article/comment/comment.html
index 4f312bd..7cf9b96 100644
--- a/src/app/article/comment/comment.html
+++ b/src/app/article/comment/comment.html
@@ -10,14 +10,12 @@
         <h4 class="media-heading">{{ctrl.comment.author.name}}</h4>
       </a>
       <span class="date" am-time-ago="ctrl.comment.created_at | dateFormat"></span>
-      <a href="#" (click)="ctrl.reply()">
-        <span class="pull-right small text-muted">
-          {{"comment.reply" | translate}}
-        </span>
-      </a>
     </div>
     <div class="title">{{ctrl.comment.title}}</div>
     <div class="body">{{ctrl.comment.body}}</div>
+    <a href="#" (click)="ctrl.reply()" class="small text-muted">
+      {{"comment.reply" | translate}}
+    </a>
   </div>
   <noosfero-comments [show-form]="ctrl.showReply" [article]="ctrl.article" [parent]="ctrl.comment"></noosfero-comments>
 </div>
diff --git a/src/app/article/comment/comment.scss b/src/app/article/comment/comment.scss
index b28e7cd..a2f3d19 100644
--- a/src/app/article/comment/comment.scss
+++ b/src/app/article/comment/comment.scss
@@ -13,8 +13,7 @@
       min-width: 40px;
     }
     .media-body {
-      background-color: #F9F9F9;
-      padding: 10px;
+      padding: 0 10px 10px 10px;
     }
     noosfero-profile-image {
       img {
@@ -28,5 +27,8 @@
         font-size: 1.7em;
       }
     }
+    .comments {
+      margin-left: 30px;
+    }
   }
 }
diff --git a/src/app/article/comment/post-comment/post-comment.scss b/src/app/article/comment/post-comment/post-comment.scss
index 88b3816..5b87166 100644
--- a/src/app/article/comment/post-comment/post-comment.scss
+++ b/src/app/article/comment/post-comment/post-comment.scss
@@ -2,12 +2,10 @@
   .post-comment {
     .media {
       border-top: 2px solid #F3F3F3;
+      padding-top: 10px;
       .media-left {
         padding: 10px 0;
       }
-      .media-body {
-        background-color: transparent;
-      }
       button {
         margin-top: 10px;
         &.ng-hide-add {
--
libgit2 0.21.2