From 37cff2ed3386c52603c50a6474ce4802487f6998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mai=20Ho=C3=A0ng?=
 <30378093+maisyhoang@users.noreply.github.com>
Date: Wed, 9 Jul 2025 21:49:55 +0300
Subject: [PATCH] Add text wrapping to program_page.html

---
 scripts/templates/program_page.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/scripts/templates/program_page.html b/scripts/templates/program_page.html
index a119cf278..4b1652bca 100644
--- a/scripts/templates/program_page.html
+++ b/scripts/templates/program_page.html
@@ -5,7 +5,18 @@
     <title>Program {{ program_data.id }}</title>
     <style>
         body { font-family: Arial, sans-serif; padding: 20px; }
-        pre { background: #f0f0f0; padding: 10px; border-radius: 5px; }
+        /* Text wrapping for <pre> elements */
+        pre {
+            background: #f0f0f0;
+            padding: 10px;
+            border-radius: 5px;
+            white-space: pre-wrap;     /* Preserve formatting, allow wrapping */
+            overflow-wrap: break-word; /* Break long words */
+        }
+        /* Text wrapping for list elements */
+        li {
+            overflow-wrap: break-word;
+        }
     </style>
 </head>
 <body>
