From b443aff9642d98b0a28ba6dec7732032acaa0fdd Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Wed, 6 May 2020 22:54:36 +0200
Subject: [PATCH] Fix moderation comment layout

---
 app/views/moderation/_discussion.html.haml | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/views/moderation/_discussion.html.haml b/app/views/moderation/_discussion.html.haml
index 715ccc18..4be392f0 100644
--- a/app/views/moderation/_discussion.html.haml
+++ b/app/views/moderation/_discussion.html.haml
@@ -1,14 +1,14 @@
 - if report.moderation_comments.all.count == 0
   = t 'views.answerbox.no_comment'
 - else
-  %ul.comments
+  %ul.comment__container
     - report.moderation_comments.order(:created_at).each do |comment|
-      %li{data: { comment_id: comment.id }}
-        .media.comments--media
+      %li.comment{data: { comment_id: comment.id }}
+        .media
           .pull-left
-            %img.avatar-sm{src: comment.user.profile_picture.url(:medium)}
-          .media-body.comments--body
-            %h6.media-heading.answerbox--question-user
+            %img.comment__user-avatar.avatar-sm{src: comment.user.profile_picture.url(:medium)}
+          .media-body
+            %h6.media-heading.comment__user
               = user_screen_name comment.user
               %span.text-muted{title: comment.created_at, data: { toggle: :tooltip, placement: :right }}
                 = "#{time_ago_in_words(comment.created_at)} ago"
@@ -21,7 +21,8 @@
                     %a.dropdown-item.text-danger{href: '#', tabindex: -1, data: { action: 'mod-comment-destroy', id: comment.id }}
                       %i.fa.fa-trash-o
                       = t 'views.actions.delete'
-            %p.comments--content= comment.content
+            .comment__content
+              = comment.content
 .form-group.has-feedback{name: 'mod-comment-new-group', data: { id: report.id }}
   %input.form-control.comments--box{type: :text, placeholder: t('views.placeholder.comment'), name: 'mod-comment-new', data: { id: report.id }}
   %span.text-muted.form-control-feedback.comments--count{id: "mod-comment-charcount-#{report.id}"} 160