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

@@ -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;

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