From 6f9459fb3e43a37d69b8b85e192bfc4b57c54eb6 Mon Sep 17 00:00:00 2001
From: "Max L." <privat@maxlissowski.de>
Date: Fri, 24 Nov 2023 12:26:44 +0100
Subject: [PATCH] Fix post content not being child of card-text

---
 script.js  | 2 +-
 styles.css | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/script.js b/script.js
index d7b2b46..2efb796 100644
--- a/script.js
+++ b/script.js
@@ -193,7 +193,7 @@ const updateCarousel = function(slides, posts) {
                 </div>
                 <hr>
                 <div class="row align-items-center vertical-align-center">
-                    ${post.media_attachments[0] ? `<div class="col-md-6"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>` : `<div class="col-md-12"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>`}
+                    ${post.media_attachments[0] ? `<div class="col-md-6"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>` : `<div class="col-md-12"><div class="card-text">${DOMPurify.sanitize(post.content)}</div></div>`}
                     ${post.media_attachments[0] ? `<div class="col-md-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom" align="center"> </div>` : ''}
                 </div>
                 <hr>
diff --git a/styles.css b/styles.css
index b2f4fc5..dd40322 100644
--- a/styles.css
+++ b/styles.css
@@ -50,6 +50,10 @@
   margin-bottom: 1px !important;
 }
 
+.carousel .card-text {
+    font-size: 1.4em;
+}
+
 .card {
   font-size: 0.9em;  /* adjust this value to get the desired text size */
 }
@@ -186,10 +190,6 @@ body {
     margin-bottom: 20px !important;
 }
 
-.card-text ~ p {
-    font-size: 1.4em;
-}
-
 .card-img-bottom {
     max-width: 600px;
     max-height: 500px;