From 9f117f5ccc04a09122dc3330bed710408450967a Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Wed, 17 Jan 2024 19:11:43 +0100
Subject: [PATCH] Improve text overflow handling in articles

Updated CSS to include word-wrapping rules and adjusted the article template to apply these styles to content rows, ensuring better handling of long strings without space characters and improving the readability of articles with unusual text content. No layout disruption expected.
---
 static/css/style.css   | 5 +++++
 templates/article.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 4ed554f..d9794d5 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -200,3 +200,8 @@ header {
 .go_here_link:hover {
   color: black;
 }
+
+.wrap {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
diff --git a/templates/article.html b/templates/article.html
index df624f0..6f684f4 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -14,7 +14,7 @@
 
 <div class="container">
   {% for step in steps %}
-  <div class="row">
+  <div class="row wrap">
     <h2>{{ step.title }}</h2>
     <div class="step-imgs">
       {% for step_img in step.imgs %}