From 26377e67f6ccd7f32fde512b376d5ff1f0758469 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 22 Apr 2023 22:20:37 +0100
Subject: [PATCH] fix: page prose styling

---
 src/components/Button.astro   | 2 +-
 src/components/Markdown.astro | 2 +-
 src/layouts/PageLayout.astro  | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Button.astro b/src/components/Button.astro
index 8c64bf839..c85e8a008 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -6,7 +6,7 @@ interface Props {
 
 const { href, text } = Astro.props as Props;
 ---
-<div class="mt-6">
+<div class="mt-6 not-prose">
   <a
     class="inline-flex items-center py-3 px-6 text-base font-medium text-white no-underline rounded-md duration-200 ease-in-out hover:bg-white focus:bg-white bg-blue-primary transition-color hover:text-blue-primary focus:text-blue-primary"
     href={href}
diff --git a/src/components/Markdown.astro b/src/components/Markdown.astro
index c5e4b7788..08047dae9 100644
--- a/src/components/Markdown.astro
+++ b/src/components/Markdown.astro
@@ -8,7 +8,7 @@ const { overrideLinkColours } = Astro.props as Props;
 
 <div
   class:list={[
-    "prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3",
+    "prose prose-p:text-black prose-a:font-light prose-a:text-blue-primary prose-p:text-lg prose-blockquote:border-blue-primary dark:marker:text-white prose-li:my-1 prose-li:text-lg prose-figcaption:text-white prose-li:text-black marker:text-black dark:prose-p:text-white dark:prose-invert dark:prose-a:text-blue-400 dark:prose-blockquote:border-blue-400 dark:prose-li:text-white hover:prose-a:no-underline prose-h2:text-xl prose-code:font-normal prose-h2:mb-4 prose-ul:my-3 dark:prose-hr:border-grey-400",
     {
       "prose-a:text-blue-primary dark:prose-a:text-blue-400 prose-headings:text-current":
         overrideLinkColours,
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index 0b2da5e7b..3995a99b5 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -1,9 +1,12 @@
 ---
 import BaseLayout from "./Layout.astro";
+import Markdown from "~/components/Markdown.astro";
 
 const { title } = Astro.props.frontmatter || Astro.props;
 ---
 
 <BaseLayout title={title}>
-  <slot />
+  <Markdown>
+    <slot />
+  </Markdown>
 </BaseLayout>