From 776d4a89921164ef46016b195c64d333ee734a21 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sun, 19 Apr 2020 12:53:58 +0700
Subject: [PATCH] fixed youtube embed margins

---
 src/components/comment/CommentEmbedBlock/styles.scss | 10 +++++++++-
 src/components/node/CommentContent/index.tsx         | 12 +++++++-----
 src/components/node/CommentContent/styles.scss       |  5 +++++
 3 files changed, 21 insertions(+), 6 deletions(-)

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<IProps> = memo(({ comment, can_edit, onDelete, onEdit }
         <Group className={classnames(styles.block, styles.block_text)}>
           {menu}
 
-          {formatCommentText(path(['user', 'username'], comment), comment.text).map(
-            (block, key) =>
-              COMMENT_BLOCK_RENDERERS[block.type] &&
-              createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key })
-          )}
+          <Group className={styles.renderers}>
+            {formatCommentText(path(['user', 'username'], comment), comment.text).map(
+              (block, key) =>
+                COMMENT_BLOCK_RENDERERS[block.type] &&
+                createElement(COMMENT_BLOCK_RENDERERS[block.type], { block, key })
+            )}
+          </Group>
 
           <div className={styles.date}>{getPrettyDate(comment.created_at)}</div>
         </Group>
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;
+}