From 9c2fad979d7d68679e4a256e5f28ce6016edf355 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 22 Jul 2024 19:35:19 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20adjust=20sizing,=20spacing;=20ma?=
 =?UTF-8?q?ke=20`.text-container`=20purely=20layout-related?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/fds_blog/_article_detail.html   |  8 +++----
 .../fds_blog/includes/blog_item_list.html     |  2 +-
 frontend/styles/blog.scss                     | 22 +++++++------------
 3 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/fragdenstaat_de/fds_blog/templates/fds_blog/_article_detail.html b/fragdenstaat_de/fds_blog/templates/fds_blog/_article_detail.html
index 4768b01ac..12639c6b0 100644
--- a/fragdenstaat_de/fds_blog/templates/fds_blog/_article_detail.html
+++ b/fragdenstaat_de/fds_blog/templates/fds_blog/_article_detail.html
@@ -8,7 +8,7 @@
         <div class="blog-header-meta">
             <div class="container-lg py-5">
                 <h1>
-                    <span class="d-block fw-normal fs-base mb-2">{{ article.kicker }}</span>
+                    <span class="d-block fw-normal fs-5 mb-2">{{ article.kicker }}</span>
                     <span>{% render_model article "title" %}</span>
                 </h1>
                 {% if article.teaser %}
@@ -70,11 +70,11 @@ <h1>
     {% endif %}
 {% endblock article_content %}
 {% block article_footer %}
-    <footer>
+    <footer class="mb-3">
         <section>
             {% block article_author_bios %}
                 <div class="container-lg">
-                    <h3>
+                    <h3 class="small text-secondary">
                         {% blocktrans count counter=article.get_authors|length %}
                         About the author
                     {% plural %}
@@ -120,7 +120,7 @@ <h4 class="h6">{{ author.get_full_name }}</h4>
             {% if previous_articles %}
                 <section>
                     <div class="container-lg">
-                        <h3>
+                        <h3 class="small text-secondary">
                             {% blocktranslate count counter=previous_articles|length %}
                             Previous article:
                         {% plural %}
diff --git a/fragdenstaat_de/fds_blog/templates/fds_blog/includes/blog_item_list.html b/fragdenstaat_de/fds_blog/templates/fds_blog/includes/blog_item_list.html
index 62c05c3fa..fe9312c16 100644
--- a/fragdenstaat_de/fds_blog/templates/fds_blog/includes/blog_item_list.html
+++ b/fragdenstaat_de/fds_blog/templates/fds_blog/includes/blog_item_list.html
@@ -1,6 +1,6 @@
 <article class="blog-article-item row position-relative"
          {% if counter %}id="article-{{ counter }}"{% endif %}>
-    <div class="col col-12 col-md-4">
+    <div class="col col-12 col-md-4 mb-3 mb-md-0">
         {% if article.image %}
             <div class="shadow">
                 <a href="{{ article.get_absolute_url }}">
diff --git a/frontend/styles/blog.scss b/frontend/styles/blog.scss
index 25053395c..dc834f445 100644
--- a/frontend/styles/blog.scss
+++ b/frontend/styles/blog.scss
@@ -70,7 +70,6 @@ $blog-standout-width: 72rem;
   > ul,
   > ol,
   > p,
-  .text-container,
   > details,
   > hr {
     font-family: $font-family-serif;
@@ -81,10 +80,13 @@ $blog-standout-width: 72rem;
     margin-bottom: 0.75rem;
   }
 
+  > .text-container {
+    @include blog-width();
+  }
+
   > p,
   > ul,
   > ol,
-  .text-container,
   > details {
     font-size: 1.225rem;
     line-height: 1.5;
@@ -135,18 +137,10 @@ $blog-standout-width: 72rem;
   }
 }
 
-.blog-article footer {
-  h3 {
-    font-size: $font-size-sm;
-    color: var(--#{$prefix}secondary-color);
-    margin-bottom: $spacer * 1.5;
-  }
-
-  > section {
-    border-top: 1px var(--#{$prefix}border-color) solid;
-    margin-top: $spacer * 1.5;
-    padding-top: $spacer * 1.5;
-  }
+.blog-article footer > section {
+  border-top: 1px var(--#{$prefix}border-color) solid;
+  margin-top: $spacer * 1.5;
+  padding-top: $spacer * 1.5;
 }
 
 aside.article-banner {