From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sun, 4 Jun 2023 03:49:49 +0000 (-0400)
Subject: Make comment depth easier to track visually
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/%7Bthis.state.thumbnail%7D?a=commitdiff_plain;h=48c16cc977957db400920ec355e9b5e535dda33a;p=lemmy-ui.git

Make comment depth easier to track visually
---

diff --git a/src/shared/components/comment/comment-nodes.tsx b/src/shared/components/comment/comment-nodes.tsx
index 11960da..64477fd 100644
--- a/src/shared/components/comment/comment-nodes.tsx
+++ b/src/shared/components/comment/comment-nodes.tsx
@@ -41,14 +41,10 @@ export class CommentNodes extends Component<CommentNodesProps, any> {
     return this.props.nodes.length > 0 ? (
       <ul
         className={classNames("comments", {
-          "ms-2": !!this.props.isChild,
+          "ms-1": !!this.props.isChild,
           "border-top border-light": !this.props.noBorder,
         })}
-        style={{
-          "border-left-color": borderColor,
-          "border-left-style": "solid",
-          "border-left-width": `2px`,
-        }}
+        style={`border-left: 2px solid ${borderColor} !important;`}
       >
         {this.props.nodes.slice(0, maxComments).map(node => (
           <CommentNode