From 8cf2f77e6263d6d42f8833b405b438c3ad6bf1d9 Mon Sep 17 00:00:00 2001
From: jamulix <fritzchem@linix.de>
Date: Tue, 21 Oct 2025 20:03:27 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Zeilenumbr=C3=BCche=20nach=20=E2=86=B5-S?=
 =?UTF-8?q?ymbolen=20korrigieren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: aider (deepseek/deepseek-reasoner) <aider@aider.chat>
---
 static/js/script.js  | 6 +++---
 templates/index.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/js/script.js b/static/js/script.js
index faa08f1..134da1f 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -163,7 +163,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     } else if (currentChar === '\t') {
                         highlightedText += '<span class="highlight-correct highlight-tab">→</span>';
                     } else if (currentChar === '\n') {
-                        highlightedText += '<span class="highlight-correct highlight-newline">↵</span>';
+                        highlightedText += '<span class="highlight-correct highlight-newline">↵</span><br>';
                     } else {
                         highlightedText += `<span class="highlight-correct">${currentChar}</span>`;
                     }
@@ -174,7 +174,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     } else if (currentChar === '\t') {
                         highlightedText += '<span class="highlight-incorrect highlight-tab">→</span>';
                     } else if (currentChar === '\n') {
-                        highlightedText += '<span class="highlight-incorrect highlight-newline">↵</span>';
+                        highlightedText += '<span class="highlight-incorrect highlight-newline">↵</span><br>';
                     } else {
                         highlightedText += `<span class="highlight-incorrect">${currentChar}</span>`;
                     }
@@ -186,7 +186,7 @@ document.addEventListener('DOMContentLoaded', function() {
                 } else if (currentChar === '\t') {
                     highlightedText += '<span class="highlight-tab">→</span>';
                 } else if (currentChar === '\n') {
-                    highlightedText += '<span class="highlight-newline">↵</span>';
+                    highlightedText += '<span class="highlight-newline">↵</span><br>';
                 } else {
                     highlightedText += currentChar;
                 }
diff --git a/templates/index.html b/templates/index.html
index a74fa9a..d8bbcd1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,7 +19,7 @@
                         <!-- Textanzeige -->
                         <div class="mb-4">
                             <h5 class="card-title">Vorlage: <span id="lesson-title">{{ current_lesson_title }}</span></h5>
-                            <div id="target-text" class="border p-3 bg-white rounded" style="white-space: pre-line; font-family: monospace;">
+                            <div id="target-text" class="border p-3 bg-white rounded" style="white-space: pre-wrap; font-family: monospace;">
                                 {{ current_text|safe }}
                             </div>
                         </div>