From b1f9242731dd89f852fd63f472f8a0165f276020 Mon Sep 17 00:00:00 2001
From: Fabiano Alencar <fabianocarvalho15@gmail.com>
Date: Tue, 3 Apr 2018 14:19:21 -0300
Subject: [PATCH] better spacing between comments

---
 src/assets/scss/_comments.scss     | 14 +++++++++++++-
 src/functions/single-functions.php |  4 ++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/_comments.scss b/src/assets/scss/_comments.scss
index ffa108e..77fb985 100644
--- a/src/assets/scss/_comments.scss
+++ b/src/assets/scss/_comments.scss
@@ -52,11 +52,23 @@
             }
         }
     }
+    .list-comments{
+        .media{
+            margin-bottom: 2.5rem;
+        }
+        .media-body{
+            .comment-text{
+                @media only screen and (min-width: 576px){
+                    margin-left: 0.5rem;
+                }
+            }
+        }
+    }
     ul{
         &.children{
             &.align-children{
                 @media only screen and (min-width: 576px){
-                    margin-left: 2.3rem;
+                    margin-left: 2.5rem;
                 }
             }
         }
diff --git a/src/functions/single-functions.php b/src/functions/single-functions.php
index d426712..507c69e 100644
--- a/src/functions/single-functions.php
+++ b/src/functions/single-functions.php
@@ -11,7 +11,7 @@ function tainacan_Comments_Callback($comment, $args, $depth) {
     global $post; 
     //var_dump($args);die;
     $class_has = "has-children media comment-". $comment->comment_ID; ?>
-    <div <?php comment_class( $args['has_children'] ? $class_has : 'parent media pb-3' ); ?> id="comment-<?php comment_ID() ?>">
+    <div <?php comment_class( $args['has_children'] ? $class_has : 'parent media' ); ?> id="comment-<?php comment_ID() ?>">
         <?php 
             $arg = array('class' => 'img-fluid rounded-circle mr-sm-3', );
             echo get_avatar($comment, 60, '', '', $arg);
@@ -35,7 +35,7 @@ function tainacan_Comments_Callback($comment, $args, $depth) {
                         'reply_text' => __('Reply'),
                         'depth'      => $depth,
                         'max_depth'  => $args['max_depth'],
-                        'before'    => '<li class="reply-link list-inline-item mr-3">',
+                        'before'    => '<li class="ml-2 reply-link list-inline-item mr-3">',
                         'after'     => '</li>'
                     )
                 ));