From 22e7ad4b771307630479c9948d3abcf374a99956 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Wed, 27 Aug 2025 11:13:48 -0500
Subject: [PATCH] Remove nested list-page-container to simplify layout CSS on
 section page

Originally I was using gap on a flexbox to separate the .sections
container from the rest of the page list. But it's simpler if I just use
block layout and a bottom margin, then I don't need an extra layer of
div.
---
 assets/css/bobastyle.css |  8 +-------
 layouts/section.html     | 18 ++++++++----------
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 0f481c7..aa71b9b 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -446,13 +446,6 @@ body {
 
 /* List layout {{{ */
 
-/* flexbox container for sections and main page list */
-.list-page-container {
-  display: flex;
-  flex-direction: column;
-  gap: 40px;
-}
-
 .page-list {
   display: flex;
   flex-direction: column;
@@ -607,6 +600,7 @@ body {
 /* Subsections on list pages {{{ */
 
 .sections {
+  margin-bottom: 60px;
   display: flex;
   flex-direction: column;
   gap: 10px;
diff --git a/layouts/section.html b/layouts/section.html
index 01ea9c8..04bd014 100644
--- a/layouts/section.html
+++ b/layouts/section.html
@@ -9,17 +9,15 @@
         {{ . }}
     {{ end }}
 
-    <div class="list-page-container">
-        {{ with .Sections }}
-            <div class="sections">
-                {{ range . }}
-                    {{ .Render "summary" }}
-                {{ end }}
-            </div>
-        {{ end }}
+    {{ with .Sections }}
+        <div class="sections">
+            {{ range . }}
+                {{ .Render "summary" }}
+            {{ end }}
+        </div>
+    {{ end }}
 
-        {{ partial "page-list.html" .Paginator.Pages }}
-    </div>
+    {{ partial "page-list.html" .Paginator.Pages }}
 
     {{ partial "pagination.html" . }}
 {{ end }}