refactor styles and structure for wompum components; improve grid spacing and layout

layouts/partials/article-list.html

@@ -5,7 +5,7 @@
     {{- $page = .page -}}
 {{- end -}}
 <li class="flex gap-4 items-center">
-  <a class="flex-1 min-w-0" href="{{ $page.RelPermalink }}">{{ partial "article-wompum.html" $page }}</a>
+  <a class="flex-1 min-w-0 wompum-container" href="{{ $page.RelPermalink }}">{{ partial "article-wompum.html" $page }}</a>
   <time class="text-gray-800 font-iosevka w-12 flex-shrink-0" datetime="{{ $page.Date.Format "2006-01-02" }}">
     <p>{{ $page.Date.Format "Jan" }}</p>
     <p>{{ $page.Date.Format "02" }}</p>

layouts/partials/article-wompum.html

@@ -1,7 +1,5 @@
-<div class="wompum-container">
-  <div class="wompum-article-grid"
-       data-metadata="{{ dict "narrator" .Params.narrator "subject" .Params.subject "facilitator" .Params.facilitator | jsonify }}"
-       data-columns="7"
-       data-rows="5">
-  </div>
+<div class="wompum-article-grid"
+     data-metadata="{{ dict "narrator" .Params.narrator "subject" .Params.subject "facilitator" .Params.facilitator | jsonify }}"
+     data-columns="7"
+     data-rows="5">
 </div>

layouts/partials/header.html

@@ -15,8 +15,8 @@
       </ul>
     </nav>
   </div>
-  <div class="wompum-container">
-    <div class="wompum-grid h-2"
+  <div class="wompum-container wompum-container--wide-gap px-4">
+    <div class="wompum-grid h-1"
          data-text="{{ .Site.Title }}"
          data-columns="7"
          data-rows="1">