From aefe73b64208aab528f42cfa3652a48744104581 Mon Sep 17 00:00:00 2001
From: Simon Gschnell <simongschnell@gmail.com>
Date: Tue, 12 Dec 2023 09:28:49 +0100
Subject: [PATCH] overflow-wrap: break-word style for better text wrapping

---
 public/js/components/Cis/Profil/MitarbeiterProfil.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/js/components/Cis/Profil/MitarbeiterProfil.js b/public/js/components/Cis/Profil/MitarbeiterProfil.js
index 210c2dd99..fe55b11bb 100644
--- a/public/js/components/Cis/Profil/MitarbeiterProfil.js
+++ b/public/js/components/Cis/Profil/MitarbeiterProfil.js
@@ -232,7 +232,7 @@ export default {
 
 
                     <!-- COLUMN WITH THE PROFIL INFORMATION --> 
-                    <div class="col-md-10 col-sm-12" style="border:4px solid;border-color:lightcoral;">
+                    <div class="col-md-10 col-sm-12" style="overflow-wrap:break-word; border:4px solid;border-color:lightcoral;">
               
 
                     <!-- INFORMATION CONTENT START -->
@@ -296,10 +296,10 @@ export default {
                       
                       
                           <!-- HIER SIND DIE PRIVATEN KONTAKTE -->
-                          <div class="justify-content-center row mb-3" v-if="typeof wert === 'object' && bezeichnung=='Kontakte'">
+                          <div  class="justify-content-center row mb-3" v-if="typeof wert === 'object' && bezeichnung=='Kontakte'">
                               <dt   class="col-lg-4 col-6  mb-0">Private Kontakte</dt>
                               <div class="col-lg-8 col-6 ">
-                                  <dd class="row justify-end" v-for="element in wert" >
+                                  <dd style="white-space:normal" class="row justify-end" v-for="element in wert" >
                                       <div :class="{...(element?.anmerkung? {'col-7':true} : {'col-10':true} )}">{{element.kontakttyp + ":  " + element.kontakt+"  " }}</div>
                                       <div :class="{...(element?.anmerkung? {'col-3':true} : {'d-none':true} )}"> {{element?.anmerkung}}</div>
                                       <div class="col-2">