From 4d76409e9840ad54b6f61b17ba1b9eb2d9c7b0dd Mon Sep 17 00:00:00 2001
From: Camden Mecklem <c@camdenmecklem.com>
Date: Wed, 18 Dec 2024 16:39:10 -0500
Subject: [PATCH 1/3] fix list styling

---
 src/components/RichText/RichTextElement.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/RichText/RichTextElement.astro b/src/components/RichText/RichTextElement.astro
index b8559ca..be3a7c7 100644
--- a/src/components/RichText/RichTextElement.astro
+++ b/src/components/RichText/RichTextElement.astro
@@ -35,7 +35,7 @@ const getImageClass = (size: 'thumbnail' | 'medium' | 'large' | 'full') => {
         );
       case 'bulleted-list':
         return (
-          <ul style={style} {...attributes}>
+          <ul class='list-disc list-inside' style={style} {...attributes}>
             <slot />
           </ul>
         );
@@ -53,13 +53,13 @@ const getImageClass = (size: 'thumbnail' | 'medium' | 'large' | 'full') => {
         );
       case 'list-item':
         return (
-          <li style={style} {...attributes}>
+          <li class='indent-4' style={style} {...attributes}>
             <slot />
           </li>
         );
       case 'numbered-list':
         return (
-          <ol style={style} {...attributes}>
+          <ol class='list-decimal list-inside' style={style} {...attributes}>
             <slot />
           </ol>
         );

From b44191a79c7ef4629b41f55fd410a8107a3ba434 Mon Sep 17 00:00:00 2001
From: Camden Mecklem <c@camdenmecklem.com>
Date: Wed, 18 Dec 2024 17:00:43 -0500
Subject: [PATCH 2/3] add gap between columns

---
 src/components/RichText/RichTextElement.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RichText/RichTextElement.astro b/src/components/RichText/RichTextElement.astro
index be3a7c7..c203532 100644
--- a/src/components/RichText/RichTextElement.astro
+++ b/src/components/RichText/RichTextElement.astro
@@ -80,10 +80,10 @@ const getImageClass = (size: 'thumbnail' | 'medium' | 'large' | 'full') => {
       case 'grid':
         return (
           <div
-            className='slate-grid'
             style={{
               display: 'grid',
               gridTemplateColumns: `${element.layout[0]}fr ${element.layout[1]}fr`,
+              gap: '1rem',
             }}
             {...attributes}
           >

From 26a9ad1d7c0bb47d4024301730a62df61c21224d Mon Sep 17 00:00:00 2001
From: Rebecca Black <rebecca.ann.black@gmail.com>
Date: Thu, 19 Dec 2024 16:09:56 -0500
Subject: [PATCH 3/3] attempt to fix extra spaces after formatted text

---
 src/components/RichText/RichTextLeaf.astro | 32 ++++++++++------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/RichText/RichTextLeaf.astro b/src/components/RichText/RichTextLeaf.astro
index e33e6e9..efb6707 100644
--- a/src/components/RichText/RichTextLeaf.astro
+++ b/src/components/RichText/RichTextLeaf.astro
@@ -11,20 +11,18 @@ import Underline from './Leaves/Underline.astro';
 const { leaf } = Astro.props;
 ---
 
-<Bold leaf={leaf}>
-  <Code leaf={leaf}>
-    <Color leaf={leaf}>
-      <Highlight leaf={leaf}>
-        <Italic leaf={leaf}>
-          <LinkText leaf={leaf}>
-            <Strikethrough leaf={leaf}>
-              <Underline leaf={leaf}>
-                <slot />
-              </Underline>
-            </Strikethrough>
-          </LinkText>
-        </Italic>
-      </Highlight>
-    </Color>
-  </Code>
-</Bold>
+<Bold leaf={leaf}
+  ><Code leaf={leaf}
+    ><Color leaf={leaf}
+      ><Highlight leaf={leaf}
+        ><Italic leaf={leaf}
+          ><LinkText leaf={leaf}
+            ><Strikethrough leaf={leaf}
+              ><Underline leaf={leaf}><slot /></Underline></Strikethrough
+            ></LinkText
+          ></Italic
+        ></Highlight
+      ></Color
+    ></Code
+  ></Bold
+>