From 15c0696bfa07a3021190c406bc32d51db4b5e4c6 Mon Sep 17 00:00:00 2001
From: ZzMzaw <89450172+ZzMzaw@users.noreply.github.com>
Date: Fri, 26 Jul 2024 18:30:31 +0200
Subject: [PATCH] feat(serie): align serie style with article style

As a serie's content can be important in size, it is better to make it look like an article than like a section.
---
 i18n/en.toml                |  1 +
 i18n/fr.toml                |  1 +
 sass/parts/_posts_list.scss |  4 ++++
 templates/serie.html        | 10 +++++++---
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/i18n/en.toml b/i18n/en.toml
index dac9638c..dce959d1 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -64,6 +64,7 @@ load_comments = "Load comments"
 
 # Serie.
 serie = "SERIE"
+serie_posts = "Serie's posts:"
 page_of_a_serie = "This article is part of the serie: "
 
 # Copy code block button.
diff --git a/i18n/fr.toml b/i18n/fr.toml
index bd8bf814..f41abf94 100644
--- a/i18n/fr.toml
+++ b/i18n/fr.toml
@@ -64,6 +64,7 @@ load_comments = "Afficher les commentaires"
 
 # Serie.
 serie = "SERIE"
+serie_posts = "Articles de la série :"
 page_of_a_serie = "Cet article fait partie de la série : "
 
 # Copy code block button.
diff --git a/sass/parts/_posts_list.scss b/sass/parts/_posts_list.scss
index 7d38224a..8ca38b40 100644
--- a/sass/parts/_posts_list.scss
+++ b/sass/parts/_posts_list.scss
@@ -68,6 +68,10 @@
     }
 }
 
+.serielist-title {
+    font-size: 1.2rem;
+}
+
 .serielist-container {
     display: grid;
     grid-template-columns: 1fr 8fr;
diff --git a/templates/serie.html b/templates/serie.html
index 3f733326..7f58b82f 100644
--- a/templates/serie.html
+++ b/templates/serie.html
@@ -11,16 +11,20 @@
     {%- include "partials/home_banner.html" -%}
 {% endif -%}
 
-    <div id="posts-list">
+    <article>
         <div>
             <span class="title-label">{{ macros_translate::translate(key="serie", default="SERIE", language_strings=language_strings) }}</span>
             {{ macros_page_header::page_header(title=section.title) }}
         </div>
 
-        <div class="bottom-divider">
+        <section class="body">
             {{ section.content | safe }}
+        </section>
+    </article>
+    <div id="posts-list">
+        <div class="serielist-title bottom-divider">
+            {{ macros_translate::translate(key="serie_posts", default="Serie's posts:", language_strings=language_strings) }}
         </div>
-
         <div class="serielist-container">
             {% for post in section.pages | reverse %}
                 {% if loop.last %}