From 88ceda12426ec0c12cdf854cc432e27288d9ea97 Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Mon, 8 Apr 2024 21:21:09 +0200
Subject: [PATCH 1/2] fix: word wrapping in test preview

---
 apps/web/src/lib/components/testpreview/TestPreview.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/lib/components/testpreview/TestPreview.svelte b/apps/web/src/lib/components/testpreview/TestPreview.svelte
index 0cc8495..121f4af 100644
--- a/apps/web/src/lib/components/testpreview/TestPreview.svelte
+++ b/apps/web/src/lib/components/testpreview/TestPreview.svelte
@@ -33,13 +33,13 @@
                 <div class="w-full">
                     {#if heading && heading.title}
                         <h2
-                            class="text-ellipsis break-all text-center text-2xl font-bold dark:text-gray-400 md:text-left"
+                            class="text-ellipsis break-words text-center text-2xl font-bold dark:text-gray-400 md:text-left"
                         >
                             {@html heading.title}
                         </h2>
                     {/if}
                     {#if heading && heading.description}
-                        <p class="mt-4 text-ellipsis break-all text-xl font-serif dark:text-gray-400">
+                        <p class="mt-4 text-ellipsis break-words text-xl font-serif dark:text-gray-400">
                             {@html heading.description}
                         </p>
                     {/if}

From 9ff6ec9e2b8ae0686c231349eb9b075081a21dfd Mon Sep 17 00:00:00 2001
From: Sebastian Pravda <sebastian.pravda@gmail.com>
Date: Mon, 8 Apr 2024 21:24:28 +0200
Subject: [PATCH 2/2] fix: word wrapping (TestResult)

---
 apps/web/src/lib/components/testview/TestResult.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/lib/components/testview/TestResult.svelte b/apps/web/src/lib/components/testview/TestResult.svelte
index e6449f0..58c9d69 100644
--- a/apps/web/src/lib/components/testview/TestResult.svelte
+++ b/apps/web/src/lib/components/testview/TestResult.svelte
@@ -92,7 +92,7 @@
             <div class="mt-12 w-full">
                 <div class="title-wrapper">
                     <h2
-                        class="text-ellipsis break-all text-center text-2xl font-bold dark:text-gray-400 md:text-left"
+                        class="text-ellipsis break-words text-center text-2xl font-bold dark:text-gray-400 md:text-left"
                     >
                         {i + 1}. {@html question.title}
                     </h2>