small styling updates for web ring posts

Author: whitep4nth3r

app/components/BlogPostFederatedArticles.vue

@@ -40,11 +40,11 @@ const federatedArticles = computed(() => {
 </script>
 
 <template>
-  <article class="px-4 py-2 sm:-mx-6 sm:px-6 sm:-my-3 sm:py-3 sm:rounded-md">
-    <h2 class="font-mono text-xl font-medium text-fg">
+  <aside class="px-4 sm:-mx-6 sm:px-6 sm:-my-3 sm:py-3 sm:rounded-md">
+    <h2 class="font-mono text-xl font-medium text-fg mt-0">
       {{ headline }}
     </h2>
-    <section
+    <div
       v-if="federatedArticles.length"
       class="grid gap-4 grid-cols-[repeat(auto-fit,minmax(14rem,1fr))] transition-[grid-template-cols]"
     >
@@ -69,6 +69,6 @@ const federatedArticles = computed(() => {
           </p>
         </div>
       </a>
-    </section>
-  </article>
+    </div>
+  </aside>
 </template>

app/components/BlogPostWrapper.vue

@@ -33,7 +33,7 @@ const blueskyPostUri = computed(() => blueskyLink.value?.postUri ?? null)
         <AuthorList :authors="frontmatter.authors" variant="expanded" />
       </div>
     </div>
-    <article class="max-w-prose mx-auto p-2 border-b border-border prose dark:prose-invert">
+    <article class="max-w-prose mx-auto p-2 prose dark:prose-invert">
       <div class="text-sm text-fg-muted font-mono mb-4">
         <DateTime :datetime="frontmatter.date" year="numeric" month="short" day="numeric" />
       </div>