From 16feb41f8afd573606aed2a14f4a0cf951362136 Mon Sep 17 00:00:00 2001
From: scammo <scammo@noreply.git.wtf-eg.de>
Date: Mon, 17 Jan 2022 14:44:13 +0100
Subject: [PATCH] kompetenzinventar/ki-doku#18 line-break new text (!72)

Co-authored-by: scammo <samuel.brinkmann@googlemail.com>
Reviewed-on: https://git.wtf-eg.de/kompetenzinventar/ki-frontend/pulls/72
Reviewed-by: weeman <weeman@noreply.git.wtf-eg.de>
Co-authored-by: scammo <scammo@noreply.git.wtf-eg.de>
Co-committed-by: scammo <scammo@noreply.git.wtf-eg.de>
---
 src/views/profile/View.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/profile/View.vue b/src/views/profile/View.vue
index 5ae341a..e3782f6 100644
--- a/src/views/profile/View.vue
+++ b/src/views/profile/View.vue
@@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
           <label class="form-label fw-bold">
             Anmerkungen
           </label>
-          <div>{{ profile.availability_text }}</div>
+          <div class="line-break-text">{{ profile.availability_text }}</div>
         </div>
       </Section>
 
@@ -98,11 +98,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
         title="Sonstiges">
         <div v-if="profile.freetext" :class="{ 'lh-base': true, 'mb-4': profile.volunteerwork }">
           <h5>Über mich</h5>
-          {{ profile.freetext }}
+           <div class="line-break-text">{{ profile.freetext }}</div>
         </div>
         <div v-if="profile.volunteerwork" class="lh-base">
           <h5>Ehrenamtliche Arbeit</h5>
-          {{ profile.volunteerwork }}
+          <div class="line-break-text">{{ profile.volunteerwork }}</div>
         </div>
       </Section>
     </template>
@@ -154,4 +154,7 @@ export default {
 </script>
 
 <style>
+.line-break-text{
+  white-space: pre-line;
+}
 </style>