From ab898cc40c5a19f4ce0df77c26382661c0b34db3 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 3 Dec 2019 12:30:40 +0700
Subject: [PATCH] fixed paddings

---
 src/components/node/CommentContent/index.tsx   | 5 ++++-
 src/components/node/CommentContent/styles.scss | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/node/CommentContent/index.tsx b/src/components/node/CommentContent/index.tsx
index 96ec4d93..9bf478b0 100644
--- a/src/components/node/CommentContent/index.tsx
+++ b/src/components/node/CommentContent/index.tsx
@@ -50,8 +50,9 @@ const CommentContent: FC<IProps> = memo(({ comment, can_edit, onDelete }) => {
   return (
     <div className={styles.wrap}>
       {comment.text && (
-        <Group className={styles.block}>
+        <Group className={classnames(styles.block, styles.block_text)}>
           {lock}
+
           {formatCommentText(path(['user', 'username'], comment), comment.text).map(
             (block, key) =>
               COMMENT_BLOCK_RENDERERS[block.type] &&
@@ -64,6 +65,8 @@ const CommentContent: FC<IProps> = memo(({ comment, can_edit, onDelete }) => {
 
       {groupped.image && groupped.image.length > 0 && (
         <div className={classnames(styles.block, styles.block_image)}>
+          {lock}
+
           <div className={styles.images}>
             {groupped.image.map(file => (
               <div key={file.id}>
diff --git a/src/components/node/CommentContent/styles.scss b/src/components/node/CommentContent/styles.scss
index 942b743c..883d23bd 100644
--- a/src/components/node/CommentContent/styles.scss
+++ b/src/components/node/CommentContent/styles.scss
@@ -57,7 +57,7 @@
   padding-bottom: 10px;
   box-sizing: border-box;
   flex-direction: column;
-  padding: $gap 0;
+  // padding: $gap 0;
 
   &:first-child {
     border-top-right-radius: $radius;
@@ -93,6 +93,10 @@
   }
 }
 
+.block_text {
+  padding: $gap 0;
+}
+
 .date {
   position: absolute;
   bottom: 0;