Adjust changelogs layout

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 {

src/_includes/main/changelogs-list.njk

@@ -1,15 +1,7 @@
-<article>
+{% for log in changelogList | reverse %}
-    {% 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 %}
+{%- endfor %}
-</article>
-
-<style>
-    .heading-wrapper + ul {
-        margin: 0.3em 0 3em 0;
-    }
-</style>

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);
 }

src/changelogs/changelogs.njk

@@ -16,22 +16,10 @@ eleventyNavigation:
     order: 9
 ---
 
-<article>
+<h2>Latest Changelogs</h2>
-    <h2>Latest Changelogs</h2>
+{% for log in changelogs %}
-    {% for log in changelogs %}
     <h3 class="date-style">{{ log.data.date | formatDate }}</h3>
     {{ log.templateContent | safe }}
-    {%- endfor %}
+{%- endfor %}
-</article>
 
 {% include "global/pagination-oldnew.njk" %}
-
-<style>
-    h2 + h3 {
-        margin-top: 1.5em;
-    }
-
-    h3 + ul {
-        margin-bottom: 3em;
-    }
-</style>