🐛 Docs Title Styling Fix – Code Blocks (#2223)

removed the flex styling and made the link portion (only) with flex properties. Added some bottom margin to raise it up as well.
tinacms · Sep 18, 2024 · 217a923 · 217a923
1 parent 0d5967a
commit 217a923
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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>
     );