From 8040ae72ac73cad07c4303f021e2b4a9be43edd0 Mon Sep 17 00:00:00 2001
From: AdLer Lukas <lukas.schaab@th-ab.de>
Date: Wed, 8 Nov 2023 11:44:08 +0100
Subject: [PATCH] optimized styling of AdaptivityElement

---
 .../UIComponents/AdaptivityElementAnswerFeedback.tsx   | 10 +++++++---
 .../UIComponents/AdaptivityElementDialogContainer.tsx  |  2 +-
 .../UIComponents/AdaptivityElementHint.tsx             |  2 +-
 .../UIComponents/AdaptivityElementTaskSelection.tsx    |  7 +++++--
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementAnswerFeedback.tsx b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementAnswerFeedback.tsx
index 7a1b6d3de..517d0c256 100644
--- a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementAnswerFeedback.tsx
+++ b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementAnswerFeedback.tsx
@@ -11,12 +11,16 @@ export default function AdaptivityElementAnswerFeedback({
   closeFeedback: () => void;
 }) {
   useEffect(() => {
-    setHeaderText(isCorrect ? "Korrekt!" : "Inkorrekt!");
+    setHeaderText(
+      isCorrect
+        ? "Glückwunsch! Diese Antwort war richtig!"
+        : "Schade, leider war deine Antwort falsch."
+    );
   }, [isCorrect, setHeaderText]);
 
   return (
     <div className="flex w-full h-fit my-4">
-      <div className="w-1/2">
+      {/*       <div className="w-1/2">
         {isCorrect && (
           <p className="pl-4 font-bold">
             Glückwunsch! Diese Antwort war richtig!
@@ -27,7 +31,7 @@ export default function AdaptivityElementAnswerFeedback({
             Schade, leider war deine Antwort falsch.
           </p>
         )}
-      </div>
+      </div> */}
       <div className="flex justify-end w-1/2">
         <StyledButton shape="freefloatcenter" onClick={closeFeedback}>
           Weiter
diff --git a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx
index dabb0f6a6..08ba1fc7b 100644
--- a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx
+++ b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementDialogContainer.tsx
@@ -134,7 +134,7 @@ export default function AdaptivityElementDialogContainer({
               ></img>
 
               {currentTask === null && currentQuestion === null && (
-                <div className="w-[50px] lg:w-[50px] bg-buttonbgblue rounded-full ">
+                <div className="w-[50px] lg:w-[50px] bg-buttonbgblue rounded-full text-sm">
                   <CircularProgressbarWithChildren
                     value={progressPercentage}
                     strokeWidth={10}
diff --git a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementHint.tsx b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementHint.tsx
index 5f27add6e..a86131c52 100644
--- a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementHint.tsx
+++ b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementHint.tsx
@@ -10,7 +10,7 @@ export default function AdaptivityElementHint({
   setHeaderText: (headerText: string) => void;
 }) {
   useEffect(() => {
-    setHeaderText("HINT_PLACEHOLDER_HEADER");
+    setHeaderText("Ich helfe dir auf die Sprünge");
   }, [setHeaderText]);
 
   return (
diff --git a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementTaskSelection.tsx b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementTaskSelection.tsx
index 06f6a9da6..e823f6e16 100644
--- a/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementTaskSelection.tsx
+++ b/src/Components/Core/Presentation/Adaptivity/AdaptivityElement/UIComponents/AdaptivityElementTaskSelection.tsx
@@ -44,7 +44,7 @@ export default function AdaptivityElementTaskSelection({
 
   useEffect(() => {
     setHeaderText(
-      "Hallo Freund, ich helfe dir zu lernen. Such dir ein Thema aus und wir arbeiten gemeinsam an deinem Wissen."
+      "Hallo Freund, ich helfe dir zu lernen. Suche dir ein Thema aus und wir arbeiten gemeinsam an deinem Wissen."
     );
   }, [setHeaderText]);
 
@@ -74,7 +74,10 @@ export default function AdaptivityElementTaskSelection({
         );
 
         return (
-          <div key={i.toString() + "_" + task.taskID} className="flex flex-col">
+          <div
+            key={i.toString() + "_" + task.taskID}
+            className="flex flex-col text-sm"
+          >
             <StyledButton
               shape="freefloatcenter"
               className="w-full max-w-2xl"