bar: events: fix nested p and bottom margin

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 %}">