From 217a9239c5573287a3189d466f804109e873cce0 Mon Sep 17 00:00:00 2001
From: "Isaac Lombard [SSW]"
 <152236421+isaaclombardssw@users.noreply.github.com>
Date: Wed, 18 Sep 2024 15:04:44 +1000
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Docs=20Title=20Styling=20Fix=20?=
 =?UTF-8?q?=E2=80=93=20Code=20Blocks=20(#2223)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

removed the flex styling and made the link portion (only) with flex properties. Added some bottom margin to raise it up as well.
---
 components/tinaMarkdownComponents/docAndBlogComponents.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/tinaMarkdownComponents/docAndBlogComponents.tsx b/components/tinaMarkdownComponents/docAndBlogComponents.tsx
index ad971d288..b6e609226 100644
--- a/components/tinaMarkdownComponents/docAndBlogComponents.tsx
+++ b/components/tinaMarkdownComponents/docAndBlogComponents.tsx
@@ -281,9 +281,9 @@ export const docAndBlogComponents: Components<{
   
     return (
       <HeadingTag id={id} className="relative cursor-pointer">
-        <a href={linkHref} className="no-underline flex items-center group">
+        <a href={linkHref} className="no-underline group">
           {children}
-          <FiLink className="ml-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200" />
+          <FiLink className="ml-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 inline-flex mb-2" />
         </a>
       </HeadingTag>
     );