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 11960da19bd551e5aeb3664f076e1ad04c881fe3..64477fdf1bdddbb501096a5e1fad61a3e4f8960a 100644 (file)
--- 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