From cf43b70db6332e02a85fe9d358f5ac68cd88db70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Wed, 21 Oct 2020 14:31:22 +0200
Subject: [PATCH] Fix white-space display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/comments/src/components/Comment.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/comments/src/components/Comment.vue b/apps/comments/src/components/Comment.vue
index d90d5a7fb6a..42915d84124 100644
--- a/apps/comments/src/components/Comment.vue
+++ b/apps/comments/src/components/Comment.vue
@@ -66,7 +66,7 @@
 		</div>
 
 		<!-- Message editor -->
-		<div class="comment__message" v-if="editor || editing">
+		<div class="comment__editor " v-if="editor || editing">
 			<RichContenteditable v-model="localMessage"
 				:auto-complete="autoComplete"
 				:contenteditable="!loading"
@@ -263,6 +263,7 @@ $comment-padding: 10px;
 		color: var(--color-text-maxcontrast);
 	}
 
+	&__editor,
 	&__message {
 		position: relative;
 		// Avatar size, align with author name
@@ -292,12 +293,17 @@ $comment-padding: 10px;
 			opacity: 1;
 		}
 	}
+
+	&__message {
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
 }
 
 .rich-contenteditable__input {
+	min-height: 44px;
 	margin: 0;
 	padding: $comment-padding;
-	min-height: 44px;
 }
 
 </style>