display shift and room description in team view

shiftregister/app/templates/shift.html

@@ -21,12 +21,16 @@
             <strong>Treffpunkt:</strong> {{ shift.room.meeting_location|linebreaksbr }}
         </p>
         {% if shift.room.description %}
+            <div class="description">
                 <strong>Beschreibung:</strong>
-        <p>{{ shift.room.description|linebreaksbr }}</p>
+                <p>{{ shift.room.description|linebreaksbr|safe }}</p>
+            </div>
         {% endif %}
         {% if shift.description %}
+            <div class="description">
                 <strong>Zusatzinfo:</strong>
                 <p>{{ shift.description|linebreaksbr }}</p>
+            </div>
         {% endif %}
     </div>
 {% if can_register and not shift.deleted %}

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,9 +4,16 @@
 
 {% 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">
-    <em>{{ shift.description|linebreaksbr }}</em>
+    <div class="description">
+        <strong>Zusatzinfo:</strong>
+        <p>{{ shift.description|linebreaksbr }}</p>
     </div>
 {% endif %}
 {% if shift.shiftregistration_set.all %}