diff --git a/client/coral-embed-stream/src/tabs/stream/components/Comment.css b/client/coral-embed-stream/src/tabs/stream/components/Comment.css index 8bdeeaaa4..15d42bef0 100644 --- a/client/coral-embed-stream/src/tabs/stream/components/Comment.css +++ b/client/coral-embed-stream/src/tabs/stream/components/Comment.css @@ -160,18 +160,22 @@ flex-direction: column; align-items: flex-start; - > * { - margin: 3px 0; - } - @media (min-width: 480px) { display: flex; align-items: center; flex-direction: row; + } +} - > * { - margin: 0 3px 0 0; - } +.tagsContainer { + display: flex; +} + +.tagsContainer > * { + margin: 3px; + + &:first-child { + margin-left: 0px; } } diff --git a/client/coral-embed-stream/src/tabs/stream/components/Comment.js b/client/coral-embed-stream/src/tabs/stream/components/Comment.js index d66bebd75..ba14e3c7f 100644 --- a/client/coral-embed-stream/src/tabs/stream/components/Comment.js +++ b/client/coral-embed-stream/src/tabs/stream/components/Comment.js @@ -461,15 +461,17 @@ export default class Comment extends React.Component { {...slotProps} /> - {isStaff(comment.tags) ? Staff : null} +
+ {isStaff(comment.tags) ? Staff : null} - + +