display shift and room description in team view

shiftregister/app/templates/shift.html

@@ -20,14 +20,18 @@
             <strong>Dauer:</strong> {{ shift.duration }}<br>
             <strong>Treffpunkt:</strong> {{ shift.room.meeting_location|linebreaksbr }}
         </p>
-{% if shift.room.description %}
+        {% if shift.room.description %}
-        <strong>Beschreibung:</strong>
+            <div class="description">
-        <p>{{ shift.room.description|linebreaksbr }}</p>
+                <strong>Beschreibung:</strong>
-{% endif %}
+                <p>{{ shift.room.description|linebreaksbr|safe }}</p>
-{% if shift.description %}
+            </div>
-        <strong>Zusatzinfo:</strong>
+        {% endif %}
-        <p>{{ shift.description|linebreaksbr }}</p>
+        {% if shift.description %}
-{% endif %}
+            <div class="description">
+                <strong>Zusatzinfo:</strong>
+                <p>{{ shift.description|linebreaksbr }}</p>
+            </div>
+        {% endif %}
     </div>
 {% if can_register and not shift.deleted %}
     <form action="" method="post">

shiftregister/core/templates/base.html

@@ -27,6 +27,10 @@
         --background: #fff;
     }
 
+    .description {
+        margin-bottom: 1em;
+    }
+
     .sticky-nav {
         background-color: var(--background);
         margin: 0 -0.75rem;

shiftregister/team/templates/shift_detail.html

@@ -4,10 +4,17 @@
 
 {% block content %}
 <h3 class="title is-spaced">{% if shift.deleted %}(gelöscht) {% endif %}{{ shift.room.name }} {{ shift.start_at }} ({{ shift.registration_count }}/{{ shift.required_helpers|default:shift.room.required_helpers }})</h3>
+{% if shift.room.description %}
+    <div class="description">
+        <strong>Beschreibung:</strong>
+        <p>{{ shift.room.description|safe|linebreaksbr }}</p>
+    </div>
+{% endif %}
 {% if shift.description %}
-<div class="content">
+    <div class="description">
-    <em>{{ shift.description|linebreaksbr }}</em>
+        <strong>Zusatzinfo:</strong>
-</div>
+        <p>{{ shift.description|linebreaksbr }}</p>
+    </div>
 {% endif %}
 {% if shift.shiftregistration_set.all %}
 <h5 class="subtitle">Helfer*innen</h5>