From a2ce93e856578a47dee3155ad73eca5d21c3d75a Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Tue, 7 Jun 2022 15:43:23 -0500
Subject: [PATCH] Tweak simple list spacing

---
 src/components/simple-list.astro | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/simple-list.astro b/src/components/simple-list.astro
index 8ef6dd1..05846fa 100644
--- a/src/components/simple-list.astro
+++ b/src/components/simple-list.astro
@@ -12,10 +12,18 @@ const {
         >
             <a
                 href={ item.href }
-                class="flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none focus:bg-gray-50 duration-300 ease-in-out rounded-lg space-x-3 -mx-5 px-5 md:pr-64 py-3"
+                class={ [
+                    'flex justify-start items-center inset-x-0 text-3xl md:text-4xl hover:bg-darkest focus:bg-gray-50 rounded-lg',
+                    'border-2 border-white border-opacity-0 hover:border-opacity-50 focus:outline-none',
+                    'duration-300 ease-in-out',
+                    // Spacing
+                    'space-x-3 -mx-5 px-5 md:pr-64 py-3'
+                ].join(' ') }
                 style="transition-property: border;"
             >
-                <div class="font-hairline">
+                <div
+                    class="font-hairline flex flex-col gap-3"
+                >
                     <h2>{ item.heading }</h2>
                     <div class="text-xs opacity-75 mb-3">{ item.description }</div>
                 </div>