From 9cc675fb217f714fc61198b378a3e92479992f8c Mon Sep 17 00:00:00 2001
From: Roman Nebel <im.roman.nebel@gmail.com>
Date: Tue, 8 Oct 2024 12:35:31 +0200
Subject: [PATCH] Link and header order changed for Safari inter-line hover bug
 (in Related posts widget)

---
 src/components/blog/GridItem.astro | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/blog/GridItem.astro b/src/components/blog/GridItem.astro
index 3625a687ec..2e8739c6d1 100644
--- a/src/components/blog/GridItem.astro
+++ b/src/components/blog/GridItem.astro
@@ -37,19 +37,21 @@ const image = (await findImage(post.image));
       )
     }
   </div>
-  <h3 class="mb-2 text-xl font-bold leading-tight sm:text-2xl font-heading">
+  
     {
       !APP_BLOG?.post?.isEnabled ? (
         post.title
       ) : (
         <a
           href={getPermalink(post.permalink, 'post')}
-          class="hover:text-primary dark:hover:text-blue-700  transition ease-in duration-200"
+          class="inline-block hover:text-primary dark:hover:text-blue-700  transition ease-in duration-200"
         >
+        <h3 class="mb-2 text-xl font-bold leading-tight sm:text-2xl font-heading">
           {post.title}
+        </h3> 
         </a>
       )
     }
-  </h3>
+  
   <p class="text-muted dark:text-slate-400 text-lg">{post.excerpt}</p>
 </article>