feat: Style updates to articles list view.

Sources/Docs/Templates/RenderArticles.swift

@@ -18,16 +18,15 @@ func renderArticles(context: ItemsRenderingContext<ArticleMetadata>) -> Node {
   return baseLayout(canocicalURL: "/articles/", section: .articles, title: "Articles", rssLink: "", extraHeader: "") {
     // TODO: Add list of tags here that can be navigated to.
     sortedByYearDescending.map { year, articles in
-      div(class: "mt-8 bg-slate-800") {
-        div(class: "pt-8 mx-10") {
-          div(class: "border-b border-light flex flex-row gap-4 mb-12") {
+      div(class: "mt-8 bg-slate-800 rounded-lg") {
+        div(class: "border-b border-light pt-6 w-full") {
+          div(class: "px-6 flex flex-row gap-4 ") {
             img(src: "/static/img/calendar.svg", width: "40")
             h1(class: "text-4xl font-extrabold pt-3") { year }
           }
-
-          div(class: "grid gap-10 mb-16") {
-            articles.map { renderArticleForGrid(article: $0, border: false) }
-          }
+        }
+        div(class: "grid gap-10 mx-6 mb-16") {
+          articles.map { renderArticleForGrid(article: $0, border: false) }
         }
       }
     }
@@ -82,12 +81,12 @@ private func baseRenderArticles(
   ) {
     label()
     articles.map { article in
-      section(class: "mb-10") {
-        h1(class: "post-title text-2xl font-bold mb-2") {
+      section {
+        h1(class: "text-2xl font-bold") {
           a(class: "[&:hover]:border-b border-orange", href: article.url) { article.title }
         }
         renderArticleInfo(article)
-        p(class: "mt-4") {
+        p {
           a(href: article.url) { article.summary }
         }
       }