From 524df7fdc219061a5fbd9c098a054af45b5f5cc1 Mon Sep 17 00:00:00 2001
From: Alex Binns <alex.binns@centrapay.com>
Date: Tue, 17 Oct 2023 14:08:51 +1300
Subject: [PATCH] Update with flex to align center and rebase onto master

---
 src/components/Badge.astro | 2 +-
 src/components/H2.astro    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Badge.astro b/src/components/Badge.astro
index c01f3de6f..c73ee2172 100644
--- a/src/components/Badge.astro
+++ b/src/components/Badge.astro
@@ -12,7 +12,7 @@ const coloursMap = {
   default: 'text-content-primary border-outline-opaque bg-surface-tertiary'
 }
 
-const badgeClass =`${coloursMap[type]} type-caption-2 inline-flex text-xs px-2 py-0.5 rounded-full border`
+const badgeClass =`${coloursMap[type]} type-caption-2 text-xs px-2 py-0.5 rounded-full border self-center ml-1`
 
 ---
 {link ?
diff --git a/src/components/H2.astro b/src/components/H2.astro
index e3ad979dd..969cdeea7 100644
--- a/src/components/H2.astro
+++ b/src/components/H2.astro
@@ -5,7 +5,7 @@ const { id } = Astro.props;
 <div class="not-prose">
   <h2
     id={id}
-    class="scroll-mt-32 mt-4 type-headline-4"
+    class="scroll-mt-32 mt-4 type-headline-4 flex"
   >
     <slot/>
   </h2>