From 2441f47c10c742be0da6d08f0046cd3124ad7d52 Mon Sep 17 00:00:00 2001
From: Bailey Pumfleet <bpumfleet@gmail.com>
Date: Fri, 18 Jun 2021 17:21:39 +0100
Subject: [PATCH] Fix layout issue with event types

---
 pages/availability/event/[type].tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/availability/event/[type].tsx b/pages/availability/event/[type].tsx
index 8dfd709a..f9ffd40a 100644
--- a/pages/availability/event/[type].tsx
+++ b/pages/availability/event/[type].tsx
@@ -142,8 +142,8 @@ export default function EventType(props) {
           <link rel="icon" href="/favicon.ico" />
         </Head>
         <Shell heading={'Event Type - ' + props.eventType.title}>
-          <div className="grid grid-cols-3 gap-4">
-            <div className="col-span-3 sm:col-span-2">
+          <div>
+            <div className="mb-8">
               <div className="bg-white overflow-hidden shadow rounded-lg">
                 <div className="px-4 py-5 sm:p-6">
                   <form onSubmit={updateEventTypeHandler}>
@@ -266,7 +266,7 @@ export default function EventType(props) {
                 </div>
               </div>
             </div>
-            <div className="col-span-3 sm:col-span-1">
+            <div>
               <div className="bg-white shadow sm:rounded-lg">
                 <div className="px-4 py-5 sm:p-6">
                   <h3 className="text-lg mb-2 leading-6 font-medium text-gray-900">