From f5c1fa53110ba1c22d422a34a3b794d6773fec85 Mon Sep 17 00:00:00 2001
From: Leander Schulten <Leander.Schulten@rwth-aachen.de>
Date: Sun, 16 Jun 2024 03:30:16 +0200
Subject: [PATCH] bar: events: fix nested p and bottom margin

---
 main/templates/main/bar.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/main/templates/main/bar.html b/main/templates/main/bar.html
index 9893d6b..105afbf 100644
--- a/main/templates/main/bar.html
+++ b/main/templates/main/bar.html
@@ -105,6 +105,11 @@ <h1>{{ bar.name }}</h1>
     <div class="container px-0 col-12 col-lg-10">
         <div class="col-12 border-bottom my-3"></div>
     </div>
+    <style>
+        .event-description p:last-child {
+            margin-bottom: 0;
+        }
+    </style>
     <div class="container px-0 col-12 col-lg-8">
         {% for event in events %}
             <div class="row mb-5 mt-4">
@@ -117,7 +122,9 @@ <h1>{{ bar.name }}</h1>
                     <h6 class="text-secondary mb-0 mt-3 mt-sm-0"> {{ event.start_date }} </h6>
                     <h2> {{ event.name }}</h2>
                     {% if event.description %}
-                        <p class="mb-0">{{ event.description|linebreaks }}</p>
+                        <div class="event-description">
+                            {{ event.description|linebreaks }}
+                        </div>
                     {% endif %}
                     <div class="position-relative mt-auto left-0 bottom-0">
                         <a type="button" class="btn btn-dark" href="{% url 'download_event_ics' event_id=event.id %}">