From 6bfc2b3cce4d683ae68b9174903f95d7ec102469 Mon Sep 17 00:00:00 2001
From: Dekker500 <Dekker@Crater.com>
Date: Sat, 29 Apr 2023 07:29:31 -0400
Subject: [PATCH] Improve flow with smaller displays

As box shrinks, tags get clipped. Containing within a span improves their flow, preventing clipping.
---
 layouts/partials/posts-template.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/posts-template.html b/layouts/partials/posts-template.html
index aee497c..7a55ce3 100644
--- a/layouts/partials/posts-template.html
+++ b/layouts/partials/posts-template.html
@@ -25,11 +25,13 @@
                     </div>
                     <div class="flex pt-6 font-medium text-primary-600 dark:text-primary-100 text-md">
                         <span class="pr-2 font-black">Tags:</span>
+                        <span>
                         {{ range $elem_index, $elem_val := (.GetTerms "tags") }}
                         {{- if gt $elem_index 0 }}, {{ end -}}
                         <a href="{{ .Permalink }}"
                            class="inline-flex items-center rounded-md bg-gray-300 hover:bg-primary-200 hover:text-black px-2.5 py-0.5 text-sm font-medium text-gray-900 capitalize">{{ .LinkTitle }}</a>
                         {{- end -}}
+                        </span>
                     </div>
                     <div class="flex items-center mt-6">
                         <div class="flex-shrink-0">
@@ -58,4 +60,4 @@
             {{ end }}
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>