From fec3e8fd15b3507298439f63df15308183b7e5ed Mon Sep 17 00:00:00 2001
From: Josh Heng <josh@joshheng.co.uk>
Date: Tue, 28 May 2024 18:35:58 +0100
Subject: [PATCH] :bug: Fix responsiveness

---
 src/app/events/[slug]/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/events/[slug]/page.tsx b/src/app/events/[slug]/page.tsx
index 7b7c433..f0ad234 100644
--- a/src/app/events/[slug]/page.tsx
+++ b/src/app/events/[slug]/page.tsx
@@ -82,7 +82,7 @@ export default async function Event({
           .join(' | ')}
       </div>
 
-      <div className="max-w-7xl mx-auto px-8 flex mt-2 flex-col lg:flex-row-reverse items-stretch">
+      <div className="max-w-7xl mx-auto px-8 flex mt-2 flex-col lg:flex-row-reverse lg:items-start">
         <div
           className={`flex-grow lg:px-4 ${event.schedule_organisation ? 'lg:text-left' : 'text-center'}`}
         >
@@ -124,7 +124,9 @@ export default async function Event({
                     </article>
                   </a>
                   {instance.other_schedule_eventinstance.length > 0 && (
-                    <div className="mt-2 flex flex-wrap gap-2">
+                    <div
+                      className={`mt-2 flex flex-wrap gap-2 justify-center ${event.schedule_organisation ? 'justify-center lg:justify-start' : 'justify-center'}`}
+                    >
                       {instance.other_schedule_eventinstance.map(
                         (childInstance) => (
                           <ScheduleEventInstance