From 8e615fa92b7b5233abeeb5aed84060d5b83b8b86 Mon Sep 17 00:00:00 2001
From: Drew <webmaster@dhornbein.com>
Date: Wed, 2 Apr 2025 16:19:27 -0600
Subject: [PATCH] improves layout responsiveness for article list

---
 layouts/partials/article-list.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/article-list.html b/layouts/partials/article-list.html
index b93a0d2..d71d95b 100644
--- a/layouts/partials/article-list.html
+++ b/layouts/partials/article-list.html
@@ -5,13 +5,13 @@
     {{- $page = .page -}}
 {{- end -}}
 <li class="flex gap-4 items-center">
-  <a class="flex-grow" href="{{ $page.RelPermalink }}">{{ partial "article-wompum.html" $page }}</a>
-  <time class="text-gray-800 font-iosevka" datetime="{{ $page.Date.Format "2006-01-02" }}">
+  <a class="flex-1 min-w-0" 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>
     <p>{{ $page.Date.Format "2006" }}</p>
   </time>
-  <div class="flex-shrink-0 max-w-max">
+  <div class="w-3/5 flex-shrink-0">
     <a class="text-2xl font-bold hover:text-green-900 underline" href="{{ $page.RelPermalink }}">{{ partial "article-title" $page }}</a>
     <p class="max-w-prose">{{ $page.Params.summary }}</p>
     {{ partial "tags.html" $page }}