comment admin touch-ups

app/views/admin/comment/components/comment.pug

@@ -1,6 +1,6 @@
 mixin renderComment (comment)
-  article(data-comment-id= comment._id).uk-comment.dtp-site-comment
+  div(data-comment-id= comment._id).uk-card.uk-card-default.uk-card-small.dtp-site-comment.uk-border-rounded
-    header.uk-comment-header
+    .uk-card-header
       div(uk-grid).uk-grid-medium.uk-flex-middle
         .uk-width-auto
           if comment.author.picture && comment.author.picture.small
@@ -12,7 +12,7 @@ mixin renderComment (comment)
           h4.uk-comment-title.uk-margin-remove= comment.author.displayName || comment.author.username
           .uk-comment-meta= moment(comment.created).fromNow()
 
-    .uk-comment-body
+    .uk-card-body
       case comment.status
         when 'published'
           if comment.flags && comment.flags.isNSFW
@@ -39,12 +39,11 @@ mixin renderComment (comment)
           .comment-content.uk-text-muted [comment removed]
 
     //- Comment meta bar
-    div(uk-grid).uk-grid-small
+    .uk-card-footer
-      .uk-width-auto
+      div(uk-grid).uk-grid-small.uk-text-small.uk-text-muted
-        +renderLabeledIcon('fa-chevron-up', formatCount(comment.resourceStats.upvoteCount))
+        .uk-width-auto
-      .uk-width-auto
+          +renderLabeledIcon('fa-chevron-up', formatCount(comment.resourceStats.upvoteCount))
-        +renderLabeledIcon('fa-chevron-down', formatCount(comment.resourceStats.downvoteCount))
+        .uk-width-auto
-      .uk-width-auto
+          +renderLabeledIcon('fa-chevron-down', formatCount(comment.resourceStats.downvoteCount))
-        +renderLabeledIcon('fa-comment', formatCount(comment.commentStats.replyCount))
+        .uk-width-auto
-      .uk-width-auto
+          +renderLabeledIcon('fa-comment', formatCount(comment.commentStats.replyCount))
-        +renderLabeledIcon('fa-reply', 'reply')