From ddcc7773d5e7b028ed81fc6d3f076db54a8d73fb Mon Sep 17 00:00:00 2001
From: Ava Gaiety Wroten <ava@wroten.me>
Date: Mon, 15 Feb 2021 09:14:20 -0600
Subject: [PATCH] Better category alignment, linked

---
 _includes/content.njk | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/_includes/content.njk b/_includes/content.njk
index 8041b9d..c18bd3e 100644
--- a/_includes/content.njk
+++ b/_includes/content.njk
@@ -3,10 +3,12 @@
 <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
   <div class="max-w-3x1 mx-auto mb-4">
     <div class="-ml-2 mt-8 flex flex-wrap items-baseline">
-      <h1 class="ml-8 mt-2 text-lg font-medium text-gray-900">
+      <h1 class="ml-8 mt-2 mb-2 sm:mb-0 text-lg font-medium text-gray-900">
         {{ title }}
+        <span class="inline-block h-1 text-sm text-gray-500">
+          in <a href="/{{tags[0]}}" class="text-pink-700 hover:underline focus:text-white focus:bg-pink-700 focus:outline-link">{{ tags[0] | capitalize }}</a>
+        </span>
       </h1>
-      <p class="ml-2 mt-1 text-sm text-gray-500 truncate">in {{ tags[0] | capitalize }}</p>
     </div>
     <div class="-ml-2">
       <p class="ml-8 text-sm text-gray-500">{{description}}</p>