chore(core): fixed css issues with badges on pages (#836)

* chore(core): fixed css issues with badges on pages * Create flat-scissors-think.md
event-catalog · Oct 2, 2024 · 591e06f · 591e06f
1 parent 3b11141
commit 591e06f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/flat-scissors-think.md b/.changeset/flat-scissors-think.md
@@ -0,0 +1,5 @@
+---
+"@eventcatalog/core": patch
+---
+
+chore(core): fixed css issues with badges on pages
diff --git a/src/pages/docs/[type]/[id]/[version]/index.astro b/src/pages/docs/[type]/[id]/[version]/index.astro
@@ -118,7 +118,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
   <!-- <main class="flex py-8 sm:px-8 docs-layout"> -->
   <div class="flex min-h-screen docs-layout">
     <main class="flex-1 w-full lg:pr-10 md:pt-4">
-      <div class="border-b border-gray-200 flex justify-between items-start py-4 md:pb-6">
+      <div class="border-b border-gray-200 flex justify-between items-start py-4 md:pb-2">
         <div>
           <h2 class="text-2xl md:text-4xl font-bold">
             {props.data.name}
@@ -130,7 +130,7 @@ const badges = [getBadge(), ...contentBadges, ...getSpecificationBadges()];
               <div class="flex flex-wrap py-2 pt-4">
                 {badges.map((badge: any) => {
                   return (
-                    <a href={badge.url || '#'}>
+                    <a href={badge.url || '#'} class="pb-2">
                       <span
                         id={badge.id || ''}
                         class={`text-sm font-light text-gray-500 px-2 py-1 rounded-md mr-2 bg-${badge.backgroundColor}-100 space-x-1 border border-${badge.backgroundColor}-200 text-${badge.textColor}-800 flex items-center ${badge.class ? badge.class : ''} `}