From 9432f26c2e95df9540ada05ab253d26ec8583fe4 Mon Sep 17 00:00:00 2001
From: ColinFrick <colin@frick.io>
Date: Mon, 24 Sep 2018 11:42:54 +0200
Subject: [PATCH] fix(comment): enforce dom structure for sub-comments

this allows "comments"-icon to be used in the actions section (or elsewhere)

Closes #131 / Semantic-Org/Semantic-UI#4404 / Semantic-Org/Semantic-UI#6595
---
 src/definitions/views/comment.less        | 10 +++++-----
 src/themes/chubby/views/comment.overrides |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/definitions/views/comment.less b/src/definitions/views/comment.less
index 6fede83a65..a1e7a8aec4 100755
--- a/src/definitions/views/comment.less
+++ b/src/definitions/views/comment.less
@@ -62,16 +62,16 @@
     Nested Comments
 ---------------------*/
 
-.ui.comments .comment .comments {
+.ui.comments .comment > .comments {
   margin: @nestedCommentsMargin;
   padding: @nestedCommentsPadding;
 }
-.ui.comments .comment .comments:before{
+.ui.comments .comment > .comments:before{
   position: absolute;
   top: 0px;
   left: 0px;
 }
-.ui.comments .comment .comments .comment {
+.ui.comments .comment > .comments .comment {
   border: @nestedCommentBorder;
   border-top: @nestedCommentDivider;
   background: @nestedCommentBackground;
@@ -212,7 +212,7 @@
         Threaded
 ---------------------*/
 
-.ui.threaded.comments .comment .comments {
+.ui.threaded.comments .comment > .comments {
   margin: @threadedCommentMargin;
   padding: @threadedCommentPadding;
   box-shadow: @threadedCommentBoxShadow;
@@ -288,7 +288,7 @@
   color: @invertedHoveredTextColor;
 }
 
-.ui.inverted.threaded.comments .comment .comments {
+.ui.inverted.threaded.comments .comment > .comments {
   box-shadow: -1px 0px 0px @solidWhiteBorderColor;
 }
 
diff --git a/src/themes/chubby/views/comment.overrides b/src/themes/chubby/views/comment.overrides
index d9276d536e..a2546b188e 100644
--- a/src/themes/chubby/views/comment.overrides
+++ b/src/themes/chubby/views/comment.overrides
@@ -6,7 +6,7 @@
   border-radius: 0.5em;
   box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
-.ui.comments .comment .comments .comment {
+.ui.comments .comment > .comments .comment {
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: none;
 }
\ No newline at end of file