diff --git a/src/components/comment/CommentEmbedBlock/styles.scss b/src/components/comment/CommentEmbedBlock/styles.scss index 2551257e..9503311c 100644 --- a/src/components/comment/CommentEmbedBlock/styles.scss +++ b/src/components/comment/CommentEmbedBlock/styles.scss @@ -9,7 +9,15 @@ display: flex; align-items: center; justify-content: flex-start; - margin: 0 !important; + margin: $gap / 4 0 !important; + + &:last-child { + margin-bottom: 0 !important; + } + + &:first-child { + margin-top: 0 !important; + } a { position: absolute; diff --git a/src/components/node/CommentContent/index.tsx b/src/components/node/CommentContent/index.tsx index 0f08b2a8..68e925b0 100644 --- a/src/components/node/CommentContent/index.tsx +++ b/src/components/node/CommentContent/index.tsx @@ -53,11 +53,13 @@ const CommentContent: FC = memo(({ comment, can_edit, onDelete, onEdit } {menu} - {formatCommentText(path(['user', 'username'], comment), comment.text).map( - (block, key) => - COMMENT_BLOCK_RENDERERS[block.type] && - createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key }) - )} + + {formatCommentText(path(['user', 'username'], comment), comment.text).map( + (block, key) => + COMMENT_BLOCK_RENDERERS[block.type] && + createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key }) + )} +
{getPrettyDate(comment.created_at)}
diff --git a/src/components/node/CommentContent/styles.scss b/src/components/node/CommentContent/styles.scss index 18603502..e0806050 100644 --- a/src/components/node/CommentContent/styles.scss +++ b/src/components/node/CommentContent/styles.scss @@ -138,3 +138,8 @@ text-align: center; } } + +.renderers { + width: 100%; + margin: 0 !important; +}