From c84377b05a7f186d30951c3122d5e5241c6945e4 Mon Sep 17 00:00:00 2001
From: Marcus Fihlon <marcus@fihlon.swiss>
Date: Wed, 29 Apr 2026 09:18:53 +0200
Subject: [PATCH] fix(activity-detail): preserve line breaks in activity
 descriptions (#22)

- implement new CSS class `preserve-linebreaks` in `fitpub.css`
- add new CSS class to activity description element in `detail.html`
---
 src/main/resources/static/css/fitpub.css            | 5 +++++
 src/main/resources/templates/activities/detail.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/static/css/fitpub.css b/src/main/resources/static/css/fitpub.css
index 40ce267..475edfe 100644
--- a/src/main/resources/static/css/fitpub.css
+++ b/src/main/resources/static/css/fitpub.css
@@ -92,6 +92,11 @@ p,
     letter-spacing: normal;
 }
 
+/* Preserve line-breaks */
+.preserve-linebreaks {
+    white-space: pre-line;
+}
+
 /* Navigation */
 .navbar {
     background: linear-gradient(135deg, var(--dark-color) 0%, #2d0052 100%) !important;
diff --git a/src/main/resources/templates/activities/detail.html b/src/main/resources/templates/activities/detail.html
index b548cf3..a85d14c 100644
--- a/src/main/resources/templates/activities/detail.html
+++ b/src/main/resources/templates/activities/detail.html
@@ -53,7 +53,7 @@
                                     <span id="activityVisibility"></span>
                                 </span>
                             </p>
-                            <p id="activityDescription" class="text-muted"></p>
+                            <p id="activityDescription" class="preserve-linebreaks text-muted"></p>
                         </div>
                         <div class="btn-group" role="group" id="activityActions" style="display: none;">
                             <a href="#" id="editBtn" class="btn btn-outline-primary">