From efc8e7c5feee90a5b5d0c22b3bfc4bd63cc709e8 Mon Sep 17 00:00:00 2001
From: Simon Gschnell <simongschnell@gmail.com>
Date: Tue, 12 Dec 2023 09:04:07 +0100
Subject: [PATCH] css fix to wrap words when space gets little

---
 .../components/Cis/Profil/MitarbeiterProfil.js   | 16 +++-------------
 .../Cis/Profil/MitarbeiterViewProfil.js          |  2 +-
 public/js/components/Cis/Profil/StudentProfil.js |  2 +-
 .../components/Cis/Profil/StudentViewProfil.js   |  2 +-
 4 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/public/js/components/Cis/Profil/MitarbeiterProfil.js b/public/js/components/Cis/Profil/MitarbeiterProfil.js
index 7b513801b..210c2dd99 100644
--- a/public/js/components/Cis/Profil/MitarbeiterProfil.js
+++ b/public/js/components/Cis/Profil/MitarbeiterProfil.js
@@ -147,7 +147,7 @@ export default {
 
   template: `
   <!-- CONTAINER -->
-  <div class="container-fluid" style="overflow-wrap:break-word">
+  <div class="container-fluid" style="overflow-wrap:word-break; white-space:break-spaces;" >
     <!-- ROW --> 
           <div class="row">
           <!-- HIDDEN QUICK LINKS -->
@@ -183,19 +183,9 @@ export default {
               <!-- MAIN PANNEL -->
               <div class="col-sm-12 col-md-9">
                 <!-- ROW WITH PROFIL IMAGE AND INFORMATION -->
-                <div class="row">
+                <div class="row ">
                   <!-- COLUMN WITH PROFIL IMAGE -->
-                    <div class="col-md-2 col-sm-12" style="border:4px solid;border-color:lightgreen;">
-
-
-                      <!-- START OF THE FIRST ROW WITH THE PROFIL IMAGE -->
-                      <!--<div class="row justify-content-center">-->
-                      <!--  <div class="col-auto ">-->
-                      <!--    <h3>Mitarbeiter</h3>-->
-                      <!--  </div> -->
-                      <!--</div>-->
-                      <!-- END OF THE ROW WITH THE IMAGE -->
-
+                    <div class=" col-md-2 col-sm-12" style="border:4px solid;border-color:lightgreen;  ">
 
 
                     <!-- START OF THE FIRST ROW WITH THE PROFIL IMAGE -->
diff --git a/public/js/components/Cis/Profil/MitarbeiterViewProfil.js b/public/js/components/Cis/Profil/MitarbeiterViewProfil.js
index fc4f49641..95bea8724 100644
--- a/public/js/components/Cis/Profil/MitarbeiterViewProfil.js
+++ b/public/js/components/Cis/Profil/MitarbeiterViewProfil.js
@@ -115,7 +115,7 @@ export default {
 
 
   <!-- CONTAINER -->
-  <div class="container-fluid" style="overflow-wrap:break-word">
+  <div class="container-fluid" style="overflow-wrap:word-break; white-space:break-spaces;">
     <!-- ROW --> 
           <div class="row">
           <!-- HIDDEN QUICK LINKS -->
diff --git a/public/js/components/Cis/Profil/StudentProfil.js b/public/js/components/Cis/Profil/StudentProfil.js
index 7f2088e43..75b6a41b3 100644
--- a/public/js/components/Cis/Profil/StudentProfil.js
+++ b/public/js/components/Cis/Profil/StudentProfil.js
@@ -122,7 +122,7 @@ export default {
   template: `
 
   <!-- CONTAINER -->
-  <div class="container-fluid" style="overflow-wrap:break-word">
+  <div class="container-fluid" style="overflow-wrap:word-break; white-space:break-spaces;">
     <!-- ROW --> 
           <div class="row">
           <!-- HIDDEN QUICK LINKS -->
diff --git a/public/js/components/Cis/Profil/StudentViewProfil.js b/public/js/components/Cis/Profil/StudentViewProfil.js
index 628414007..8196d428f 100644
--- a/public/js/components/Cis/Profil/StudentViewProfil.js
+++ b/public/js/components/Cis/Profil/StudentViewProfil.js
@@ -81,7 +81,7 @@ export default {
 
 
   <!-- CONTAINER -->
-  <div class="container-fluid" style="overflow-wrap:break-word">
+  <div class="container-fluid" style="overflow-wrap:word-break; white-space:break-spaces;">
     <!-- ROW --> 
           <div class="row">
           <!-- HIDDEN QUICK LINKS -->