From fa130392039a620f397efab6dd3cba34bbdf03cb Mon Sep 17 00:00:00 2001
From: James Kolpack <james.kolpack@gmail.com>
Date: Thu, 25 Dec 2025 20:04:29 -0500
Subject: [PATCH] Add class for pre-wrap-text

---
 WebApp/Components/Features/Events/Printout.razor | 12 ++++++------
 WebApp/Components/Features/Teams/Handout.razor   |  6 +++---
 WebApp/wwwroot/app.css                           |  5 +++++
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/WebApp/Components/Features/Events/Printout.razor b/WebApp/Components/Features/Events/Printout.razor
index 9b71b4d..d92a43e 100644
--- a/WebApp/Components/Features/Events/Printout.razor
+++ b/WebApp/Components/Features/Events/Printout.razor
@@ -60,7 +60,7 @@ else
                     </MudItem>
                 
                     <MudItem xs="12">
-                        <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Description</MudText>
+                        <MudText Class="d-flex py-1 pre-wrap-text">@evt.Description</MudText>
                     </MudItem>
                     @if (!string.IsNullOrEmpty(evt.Theme))
                     {
@@ -70,7 +70,7 @@ else
                             </MudText>
                         </MudItem>
                         <MudItem xs="8">
-                            <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Theme</MudText>
+                            <MudText Class="d-flex py-1 pre-wrap-text">@evt.Theme</MudText>
                         </MudItem>
                     }
 
@@ -82,7 +82,7 @@ else
                             </MudText>
                         </MudItem>
                         <MudItem xs="8">
-                            <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Documentation</MudText>
+                            <MudText Class="d-flex py-1 pre-wrap-text">@evt.Documentation</MudText>
                         </MudItem>
                     }
                 
@@ -137,7 +137,7 @@ else
                     </MudItem>
 
                     <MudItem xs="12">
-                        <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Description</MudText>
+                        <MudText Class="d-flex py-1 pre-wrap-text">@evt.Description</MudText>
                     </MudItem>
                     @if (!string.IsNullOrEmpty(evt.Theme))
                     {
@@ -147,7 +147,7 @@ else
                             </MudText>
                         </MudItem>
                         <MudItem xs="8">
-                            <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Theme</MudText>
+                            <MudText Class="d-flex py-1 pre-wrap-text">@evt.Theme</MudText>
                         </MudItem>
                     }
 
@@ -159,7 +159,7 @@ else
                             </MudText>
                         </MudItem>
                         <MudItem xs="8">
-                            <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@evt.Documentation</MudText>
+                            <MudText Class="d-flex py-1 pre-wrap-text">@evt.Documentation</MudText>
                         </MudItem>
                     }
 
diff --git a/WebApp/Components/Features/Teams/Handout.razor b/WebApp/Components/Features/Teams/Handout.razor
index fb1bd33..f35257d 100644
--- a/WebApp/Components/Features/Teams/Handout.razor
+++ b/WebApp/Components/Features/Teams/Handout.razor
@@ -62,7 +62,7 @@ else
                                 </MudItem>
                             }
                             <MudItem xs="12">
-                                <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@team.Event.Description</MudText>
+                                <MudText Class="d-flex py-1 pre-wrap-text">@team.Event.Description</MudText>
                             </MudItem>
                             @if (!string.IsNullOrEmpty(team.Event.Theme))
                             {
@@ -72,7 +72,7 @@ else
                                     </MudText>
                                 </MudItem>
                                 <MudItem xs="8">
-                                    <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@team.Event.Theme</MudText>
+                                    <MudText Class="d-flex py-1 pre-wrap-text">@team.Event.Theme</MudText>
                                 </MudItem>
                             }
 
@@ -84,7 +84,7 @@ else
                                     </MudText>
                                 </MudItem>
                                 <MudItem xs="8">
-                                    <MudText Class="d-flex py-1" Style="white-space:pre-wrap;">@team.Event.Documentation</MudText>
+                                    <MudText Class="d-flex py-1 pre-wrap-text">@team.Event.Documentation</MudText>
                                 </MudItem>
                             }
 
diff --git a/WebApp/wwwroot/app.css b/WebApp/wwwroot/app.css
index 49ff972..3af6ebb 100644
--- a/WebApp/wwwroot/app.css
+++ b/WebApp/wwwroot/app.css
@@ -104,4 +104,9 @@ h1:focus {
     aspect-ratio: 10/1;
     border-radius: 50%;
     border: 1px solid;
+}
+
+.pre-wrap-text {
+    white-space: pre-wrap;
+}
 }
\ No newline at end of file