diff --git a/resources/assets/less/yuuno/bem/comment.less b/resources/assets/less/yuuno/bem/comment.less index 18f7aae..771b777 100644 --- a/resources/assets/less/yuuno/bem/comment.less +++ b/resources/assets/less/yuuno/bem/comment.less @@ -1,7 +1,7 @@ .comment-container { list-style: none; - &--reply { + &--indent { margin-left: 40px; } } diff --git a/resources/views/yuuno/elements/comment.twig b/resources/views/yuuno/elements/comment.twig index d33f0b3..12a4df6 100644 --- a/resources/views/yuuno/elements/comment.twig +++ b/resources/views/yuuno/elements/comment.twig @@ -1,4 +1,4 @@ -
  • +
  • diff --git a/resources/views/yuuno/elements/comments.twig b/resources/views/yuuno/elements/comments.twig index 56b61f6..a177f78 100644 --- a/resources/views/yuuno/elements/comments.twig +++ b/resources/views/yuuno/elements/comments.twig @@ -70,7 +70,7 @@ function commentAdd(obj) { var container = document.createElement('li'); container.id = "comment-" + obj.id; - container.className = 'comment-container'; + container.className = 'comment-container comment-container--indent'; var inner = document.createElement('div'); inner.className = 'comment'; @@ -190,7 +190,7 @@ // Container var replyContainer = document.createElement('li'); replyContainer.id = 'comment-reply-container-' + id; - replyContainer.className = 'comment-container'; + replyContainer.className = 'comment-container comment-container--indent'; // Comment container var replyDiv = document.createElement('div');