show threads

frontend/app/components/comment/_level/comment_level.scss

@@ -1,17 +1,10 @@
-$step: 24px;
-
-@for $i from 1 to 5 {
-  .comment_level {
-    &_$(i) {
-      padding-left: calc($i * $step);
-
-      &.comment_replying {
-        .comment__input {
-          @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
-            margin-left: calc(-$i * $step);
-          }
-        }
-      }
-    }
-  }
+.thread > .thread {
+  padding-left: 17px;
+  border-left: 1px solid rgba(0, 0, 0, 0.15);
+}
+.thread_level_4 .thread > .thread {
+  padding-left: 5px;
+}
+.comment_theme_dark ~ .thread {
+  border-left-color: rgba(255, 255, 255, 0.15);
 }

frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss

@@ -1,6 +1,4 @@
 .comment_theme_dark {
-  border-bottom: 1px solid #333;
-
   .comment__action_type_collapse {
     border-color: #555;
     color: #555;

frontend/app/components/comment/_theme/_light/comment_theme_light.scss

@@ -1,6 +1,4 @@
 .comment_theme_light {
-  border-bottom: 1px solid #fcfcfc;
-
   .comment__action_type_collapse {
     border-color: #ddd;
     color: #ddd;

frontend/app/components/comment/comment.scss

@@ -2,8 +2,7 @@
   display: block;
   position: relative;
   overflow: hidden;
-  margin-bottom: 16px;
-  padding-bottom: 8px;
+  padding: 12px 0 8px;
   font-size: 16px;
   line-height: 1.2;