From 3e8950bf55a40240058dff7fa6f8a499c263e804 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 22 May 2024 14:11:20 +0800
Subject: [PATCH] Adjust changelogs layout

---
 src/_includes/global/pagination-oldnew.njk |  2 +-
 src/_includes/main/changelogs-list.njk     | 22 +++++++---------------
 src/assets/css/general.css                 |  5 +++++
 src/changelogs/changelogs.njk              | 22 +++++-----------------
 4 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/src/_includes/global/pagination-oldnew.njk b/src/_includes/global/pagination-oldnew.njk
index 4938cbe7..ee3dc697 100644
--- a/src/_includes/global/pagination-oldnew.njk
+++ b/src/_includes/global/pagination-oldnew.njk
@@ -56,7 +56,7 @@
     .pagination__wrapper {
         display: grid;
         place-content: center;
-        margin-top: 1.5em;
+        margin-top: 3em;
     }
 
     .pagination {
diff --git a/src/_includes/main/changelogs-list.njk b/src/_includes/main/changelogs-list.njk
index 072e2239..b593b8ca 100644
--- a/src/_includes/main/changelogs-list.njk
+++ b/src/_includes/main/changelogs-list.njk
@@ -1,15 +1,7 @@
-<article>
-    {% for log in changelogList | reverse %}
-        <div class="heading-wrapper h2">
-            <h2 id="{{ log.fileSlug }}">{{ log.date | formatDate }}</h2>
-            <a class="heading-anchor" href="#{{ log.fileSlug }}" aria-labelledby="{{ log.fileSlug }}"><span hidden="">#</span></a>
-        </div>
-        {{ log.templateContent | safe }}
-    {%- endfor %}
-</article>
-
-<style>
-    .heading-wrapper + ul {
-        margin: 0.3em 0 3em 0;
-    }
-</style>
+{% for log in changelogList | reverse %}
+    <div class="heading-wrapper h2">
+        <h2 id="{{ log.fileSlug }}">{{ log.date | formatDate }}</h2>
+        <a class="heading-anchor" href="#{{ log.fileSlug }}" aria-labelledby="{{ log.fileSlug }}"><span hidden="">#</span></a>
+    </div>
+    {{ log.templateContent | safe }}
+{%- endfor %}
diff --git a/src/assets/css/general.css b/src/assets/css/general.css
index 15554725..bc450120 100644
--- a/src/assets/css/general.css
+++ b/src/assets/css/general.css
@@ -41,6 +41,11 @@ h3:has(+ *[class]:not(.heading-anchor)), .h3:has(+ *[class]) {
     margin-bottom: 0.5em;
 }
 
+* + h2,
+* + h3 {
+    margin-top: 1.5em;
+}
+
 hr {
     border: 0.05rem solid var(--clr-title-border);
 }
diff --git a/src/changelogs/changelogs.njk b/src/changelogs/changelogs.njk
index ba3cda8e..66453458 100644
--- a/src/changelogs/changelogs.njk
+++ b/src/changelogs/changelogs.njk
@@ -16,22 +16,10 @@ eleventyNavigation:
     order: 9
 ---
 
-<article>
-    <h2>Latest Changelogs</h2>
-    {% for log in changelogs %}
-        <h3 class="date-style">{{ log.data.date | formatDate }}</h3>
-        {{ log.templateContent | safe }}
-    {%- endfor %}
-</article>
+<h2>Latest Changelogs</h2>
+{% for log in changelogs %}
+    <h3 class="date-style">{{ log.data.date | formatDate }}</h3>
+    {{ log.templateContent | safe }}
+{%- endfor %}
 
 {% include "global/pagination-oldnew.njk" %}
-
-<style>
-    h2 + h3 {
-        margin-top: 1.5em;
-    }
-
-    h3 + ul {
-        margin-bottom: 3em;
-    }
-</style>