From 0ad66568618810e479c8c13be2cba2ee31a26d3c Mon Sep 17 00:00:00 2001
From: markusbink <bink-markus@web.de>
Date: Mon, 26 Sep 2022 13:12:39 +0200
Subject: [PATCH 1/4] #145 Add hyphens to all text elements

---
 src/index.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 81cb3804..a2bc298c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -203,7 +203,7 @@ h3 {
 /* Bulletpoints */
 ul,
 ol {
-  @apply space-y-2 my-6 ml-8;
+  @apply space-y-2 my-6 ml-8 hyphens-auto;
 }
 
 :is(ul, ol) > :is(ul, ol) {
@@ -227,6 +227,7 @@ ul > ul > ul {
 }
 
 p {
+  @apply hyphens-auto;
   min-height: 20px;
 }
 

From cf469cd19729277f30ff9238a03b09675fb73e86 Mon Sep 17 00:00:00 2001
From: markusbink <bink-markus@web.de>
Date: Mon, 26 Sep 2022 19:12:47 +0200
Subject: [PATCH 2/4] #145 Fix spacing

---
 src/components/section-header/SectionTitle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/section-header/SectionTitle.tsx b/src/components/section-header/SectionTitle.tsx
index 0e7cc1b9..c82bdb0a 100644
--- a/src/components/section-header/SectionTitle.tsx
+++ b/src/components/section-header/SectionTitle.tsx
@@ -49,7 +49,7 @@ export const SectionTitle: React.FC<SectionTitleProps> = ({
   }, [title]);
 
   return (
-    <div className={cx("flex w-full flex-col")}>
+    <div className={cx("flex w-full flex-col pt-2")}>
       <span
         className={cx(
           "text-xs font-bold rounded-md px-2 py-1 w-fit uppercase text-darkGrey",
@@ -64,7 +64,7 @@ export const SectionTitle: React.FC<SectionTitleProps> = ({
         )}>
         {role}
       </span>
-      <div className={cx("flex items-start justify-between gap-2 w-full py-3")}>
+      <div className={cx("flex items-start justify-between gap-2 w-full pt-3")}>
         {isEditing ? (
           <input
             ref={titleInputRef}

From b81cf99acfebb06f055f90c3a726f89914516e56 Mon Sep 17 00:00:00 2001
From: markusbink <bink-markus@web.de>
Date: Mon, 26 Sep 2022 21:39:50 +0200
Subject: [PATCH 3/4] #145 Fix word wrap

---
 src/index.css | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/index.css b/src/index.css
index a2bc298c..eafbc4af 100644
--- a/src/index.css
+++ b/src/index.css
@@ -188,7 +188,7 @@ body {
 }
 
 h3 {
-  @apply text-xl font-bold mb-5 leading-5 hyphens-auto;
+  @apply text-xl font-bold mb-5 leading-5 hyphens-auto break-words;
 }
 
 /* SwiperJS Pagination Dots */
@@ -203,7 +203,7 @@ h3 {
 /* Bulletpoints */
 ul,
 ol {
-  @apply space-y-2 my-6 ml-8 hyphens-auto;
+  @apply space-y-2 my-6 ml-8 hyphens-auto break-words;
 }
 
 :is(ul, ol) > :is(ul, ol) {
@@ -227,7 +227,7 @@ ul > ul > ul {
 }
 
 p {
-  @apply hyphens-auto;
+  @apply hyphens-auto break-words;
   min-height: 20px;
 }
 
@@ -237,7 +237,5 @@ p:not(:last-child) {
 
 /* Break words for headlines */
 h2 {
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
-  hyphens: auto;
+  @apply hyphens-auto break-words;
 }

From b6fd5e67954ae0fd27d5a4acf4e9e851e56e6d72 Mon Sep 17 00:00:00 2001
From: markusbink <bink-markus@web.de>
Date: Mon, 26 Sep 2022 21:42:24 +0200
Subject: [PATCH 4/4] #145 Strip pasted styles

---
 src/components/JudgeHintPopup.tsx | 3 ++-
 src/components/NotePopup.tsx      | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/JudgeHintPopup.tsx b/src/components/JudgeHintPopup.tsx
index ed20da0f..f11ca8bc 100644
--- a/src/components/JudgeHintPopup.tsx
+++ b/src/components/JudgeHintPopup.tsx
@@ -115,7 +115,7 @@ export const JudgeHintPopup = () => {
     }
   };
 
-  const getEntryCode = () => {    
+  const getEntryCode = () => {
     let entry = entries.find((obj) => {
       return obj.id === associatedEntryIdHint;
     });
@@ -194,6 +194,7 @@ export const JudgeHintPopup = () => {
                 </label>
                 <Editor
                   defaultEditorState={editorState}
+                  stripPastedStyles={true}
                   onEditorStateChange={setEditorState}
                   wrapperClassName={cx("w-full focus:outline-none")}
                   editorClassName="p-2 text-sm bg-offWhite text-mediumGrey rounded min-h-[100px] max-h-[200px]"
diff --git a/src/components/NotePopup.tsx b/src/components/NotePopup.tsx
index 0fb8a0ef..b687c77e 100644
--- a/src/components/NotePopup.tsx
+++ b/src/components/NotePopup.tsx
@@ -190,6 +190,7 @@ export const NotePopup = () => {
                 </label>
                 <Editor
                   defaultEditorState={editorState}
+                  stripPastedStyles={true}
                   onEditorStateChange={setEditorState}
                   wrapperClassName={cx("w-full focus:outline-none")}
                   editorClassName="p-2 text-sm bg-offWhite text-mediumGrey rounded min-h-[100px] max-h-[200px]"