diff --git a/client/coral-embed-stream/src/components/Comment.css b/client/coral-embed-stream/src/components/Comment.css index bb06f7f1e..48a848848 100644 --- a/client/coral-embed-stream/src/components/Comment.css +++ b/client/coral-embed-stream/src/components/Comment.css @@ -19,8 +19,9 @@ } .comment { - padding-left: 20px; - flex: auto; + padding-left: 15px; + display: flex; + flex-flow: row; } .commentLevel0 { @@ -44,7 +45,7 @@ } .highlightedComment { - padding-left: 20px; + padding-left: 15px; border-left: 3px solid rgb(35,118,216); } @@ -159,9 +160,8 @@ animation: enter 1000ms; } -.commentRow { - display: flex; - flex-flow: row; +.commentContainer { + flex: auto; } .commentAvatar { diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js index e612affb0..9e6a70efe 100644 --- a/client/coral-embed-stream/src/components/Comment.js +++ b/client/coral-embed-stream/src/components/Comment.js @@ -429,7 +429,8 @@ export default class Comment extends React.Component { className={rootClassName} id={`c_${comment.id}`} > -
+
+ -
+
+ {isStaff(comment.tags) ? Staff : null}