From a39a6a699584ab06679e9b67d13dcefc9b79b91d Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Mon, 25 May 2020 18:05:44 +0700
Subject: [PATCH] spacer for long comments

---
 src/components/comment/CommentTextBlock/index.tsx   | 2 +-
 src/components/comment/CommentTextBlock/styles.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/comment/CommentTextBlock/index.tsx b/src/components/comment/CommentTextBlock/index.tsx
index a782d0e3..e453aba9 100644
--- a/src/components/comment/CommentTextBlock/index.tsx
+++ b/src/components/comment/CommentTextBlock/index.tsx
@@ -11,7 +11,7 @@ const CommentTextBlock: FC<IProps> = ({ block }) => {
     <div
       className={styles.text}
       dangerouslySetInnerHTML={{
-        __html: `<p>${block.content}</p>`,
+        __html: `<p>${block.content} <span class="${styles.blank}"></span></p>`,
       }}
     />
   );
diff --git a/src/components/comment/CommentTextBlock/styles.scss b/src/components/comment/CommentTextBlock/styles.scss
index b3430bc6..0ad9ddc4 100644
--- a/src/components/comment/CommentTextBlock/styles.scss
+++ b/src/components/comment/CommentTextBlock/styles.scss
@@ -27,3 +27,9 @@
     color: $wisegreen;
   }
 }
+
+.blank {
+  display: inline-flex;
+  height: 1em;
+  width: 150px;
+}