Work on forum_detail presentation again

forums/templates/forums/forum_detail.html

@@ -95,18 +95,32 @@
     <ul>
       <li><a href="#Description">Description</a></li>
       {% if forum.meeting %}
+      <li><a href="#Preamble">Preamble</a></li>
       <li><a href="#Motions">Motions</a></li>
       {% endif %}
       <li><a href="#Posts">Posts</a></li>
+      {% if forum.meeting %}
+      <li><a href="#Minutes">Minutes</a></li>
+      {% endif %}
     </ul>
+  </div>
+</div>
 
+<div class="row">
+  <div class="col-12">
     <h3 class="highlight" id="Description">Description</h3>
     {{ forum.description|restructuredtext }}
-
   </div>
 </div>
 
 {% if forum.meeting %}
+<div class="row">
+  <div class="col-12">
+    <h3 class="highlight" id="Preamble">Preamble</h3>
+    {{ forum.preamble|restructuredtext }}
+  </div>
+</div>
+
 <div class="row">
   <div class="col-12">
     <h3 class="highlight" id="Motions">Motions</h3>
@@ -140,4 +154,13 @@
   </div>
 </div>
 
+{% if forum.meeting %}
+<div class="row">
+  <div class="col-12">
+    <h3 class="highlight" id="Minutes">Minutes</h3>
+    {{ forum.minutes|restructuredtext }}
+  </div>
+</div>
+{% endif %}
+
 {% endblock content %}

forums/templates/forums/post_card.html

@@ -71,7 +71,7 @@
     </div>
   </div>
   {% if post.followup_posts.all|length > 0 %}
-  <div class="followupPosts">
+  <div class="followupPosts{% if post.motion %}AfterMotion{% endif %}">
     {% for followup in post.followup_posts.all %}
     {% include 'forums/post_card.html' with post=followup %}
     {% endfor %}

scipost/static/scipost/assets/css/_forums.scss

@@ -13,6 +13,12 @@
     padding-left: 0.4rem;
 }
 
+.followupPostsAfterMotion {
+    border-left: 1px solid white;
+    margin: 1rem;
+    padding-left: 0.4rem;
+}
+
 .forumList {
     padding-left: 0.4rem;
 }