Last before live

news/templates/news/news_card_content.html

 <div class="card-block news-item" id="news_{{news.id}}">
-    <h3 class="card-title mb-0">{{news.headline}}</h3>
-    <div class="px-1 mt-1">
-        <h4 class="text-muted">{{news.date|date:'Y-n-j'}}</h4>
-        <div>{{news.blurb|linebreaks}}</div>
+    <h2 class="card-title">{{news.headline}}</h2>
+    <div>
+        <div class="text-muted date">{{news.date|date:'j F Y'}}</div>
+        <div class="pb-3">{{news.blurb|safe}}</div>
 
         {% if news.followup_link %}
             <a href="{{news.followup_link}}">{{news.followup_link_text}}</a>

scipost/static/scipost/assets/css/_cards.scss

@@ -52,9 +52,18 @@
 
 .card-news {
     .news-item .card-title {
-        background-color: $scipost-darkblue;
-        color: $scipost-light;
-        padding: 0.5rem;
+        // background-color: $scipost-darkblue;
+        // color: $scipost-light;
+        // padding: 0.5rem;
+        color: $scipost-darkblue;
+        padding: 0.5rem 0 0.25rem 0;
+        border-bottom: 3px solid $scipost-light;
+        display: inline-block;
+        margin-bottom: 0.5rem;
+    }
+
+    .news-item .date {
+        margin-bottom: 1.5rem;
     }
 }