From 33032cd311c268f94e371b128b7db77ee2ba8a52 Mon Sep 17 00:00:00 2001
From: Ryan Miller <aerilym@pm.me>
Date: Tue, 15 Oct 2024 14:02:09 +1100
Subject: [PATCH 1/3] fix: blog content alignment

---
 apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx       | 2 +-
 apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
index 679866b9..3c104dfa 100644
--- a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
+++ b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
@@ -37,7 +37,7 @@ export default async function BlogPost({ post }: PostProps) {
     .filter(Boolean);
 
   return (
-    <article className="mx-auto mb-32 mt-4 flex max-w-screen-xl flex-col">
+    <article className="mx-auto mb-32 mt-4 flex max-w-screen-xl flex-col items-start">
       <Link href={SANITY_SCHEMA_URL.POST} prefetch>
         <Button
           data-testid={ButtonDataTestId.Back_To_Blog}
diff --git a/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx b/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
index 6943f994..5f39438c 100644
--- a/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
+++ b/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
@@ -21,7 +21,7 @@ type HeadingOutlineProps = {
 
 export default function HeadingOutline({ title, headings }: HeadingOutlineProps) {
   return (
-    <nav className="wrap sticky top-12 mt-7 hidden h-max w-max max-w-[25vw] lg:block">
+    <nav className="wrap sticky top-12 hidden h-max w-max max-w-[25vw] lg:block">
       <Typography variant="h2" className="mb-3">
         {title}
       </Typography>
@@ -32,7 +32,7 @@ export default function HeadingOutline({ title, headings }: HeadingOutlineProps)
               onClick={() => {
                 scrollToHeading(heading);
               }}
-              className={cn(navlinkVariants({ active: false }), 'w-full text-wrap text-start')}
+              className={cn(navlinkVariants({ active: false }), 'w-max text-wrap text-start')}
             >
               {heading}
             </button>

From ffdd217088b8dd28e8fcf9503600f009b9c5bd3d Mon Sep 17 00:00:00 2001
From: Ryan Miller <aerilym@pm.me>
Date: Tue, 15 Oct 2024 14:12:56 +1100
Subject: [PATCH 2/3] fix: remove more posts when only one post

---
 apps/foundation/app/(Site)/blog/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/foundation/app/(Site)/blog/page.tsx b/apps/foundation/app/(Site)/blog/page.tsx
index 41ccab71..a7047d2f 100644
--- a/apps/foundation/app/(Site)/blog/page.tsx
+++ b/apps/foundation/app/(Site)/blog/page.tsx
@@ -53,9 +53,11 @@ export default async function BlogGridPage() {
           <ReadMoreText />
         </PostInfoBlock>
       </Link>
-      <Typography variant="h2" className="mt-12">
-        {blogDictionary('morePosts')}
-      </Typography>
+      {rest?.length ? (
+        <Typography variant="h2" className="mt-12">
+          {blogDictionary('morePosts')}
+        </Typography>
+      ) : null}
       <div className="mt-4 grid grid-cols-1 gap-12 md:mt-8 md:grid-cols-3">
         {rest.map((post, index) => (
           <Link

From c08ff9a6b2f09c6f8df0756ab4ba5dab68bf6027 Mon Sep 17 00:00:00 2001
From: Ryan Miller <aerilym@pm.me>
Date: Tue, 15 Oct 2024 14:21:19 +1100
Subject: [PATCH 3/3] fix: post full width when no headings

---
 apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
index 3c104dfa..372d6f70 100644
--- a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
+++ b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
@@ -57,7 +57,11 @@ export default async function BlogPost({ post }: PostProps) {
         mobileImagePosition="below"
       />
       <div className="mt-6 flex flex-row justify-center gap-12 md:mt-12">
-        <PortableText body={body} className="max-w-screen-md" wrapperComponent="section" />
+        <PortableText
+          body={body}
+          className={cn(headings.length && 'max-w-screen-md')}
+          wrapperComponent="section"
+        />
         {headings.length ? (
           <HeadingOutline headings={headings} title={blogDictionary('inThisArticle')} />
         ) : null}