From 3b765ba25ce01c4677769afd1f2cf2ea46eb6fb0 Mon Sep 17 00:00:00 2001
From: Maxwell Barvian <max@barvian.me>
Date: Sat, 28 Dec 2024 15:43:50 -0800
Subject: [PATCH] Fix Union wrapping

---
 site/src/components/Union.astro | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/site/src/components/Union.astro b/site/src/components/Union.astro
index c8d4dc1e..0a5dfd7e 100644
--- a/site/src/components/Union.astro
+++ b/site/src/components/Union.astro
@@ -8,10 +8,17 @@ export interface Props extends HTMLAttributes<'code'> {
 const { types, class: cls, ...props } = Astro.props
 ---
 
-<Type {...props} class:list={[cls, 'inline-flex flex-wrap gap-[0.5em] leading-snug']}>
+<Type {...props} class:list={[cls, 'leading-snug']}>
 	{
 		types.map((type, i) => (
-			<span class:list={[i !== types.length - 1 && 'border-r-[0.125em] pr-[0.5em]']}>{type}</span>
+			<span
+				class:list={[
+					'mr-[0.5em] inline-block last:mr-0',
+					i !== types.length - 1 && 'border-r-[0.125em] pr-[0.5em]'
+				]}
+			>
+				{type}
+			</span>
 		))
 	}
 </Type>