diff --git a/news/templates/news/news_card_content.html b/news/templates/news/news_card_content.html index e8e7c611190571a378eaea59bb53ceafbe01d371..546022da3e88e5b41de5f8b1afba128cdcf341ea 100644 --- a/news/templates/news/news_card_content.html +++ b/news/templates/news/news_card_content.html @@ -1,8 +1,8 @@ <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> diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss index 3445743bcf0b178f8d1ac0e09fc0f335572dae06..da2d4976425059a1eb3be43a6e753df274454cfe 100644 --- a/scipost/static/scipost/assets/css/_cards.scss +++ b/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; } }