From 46e46bc1de7f7082879f8b4a9dc04b78397809a5 Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Wed, 7 Sep 2022 17:28:58 +0100
Subject: [PATCH] Fixing spacing on event details (#4238)

* Fixing spacing on event details

* Shell pb 40px

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 .../components/v2/eventtype/EventTypeSingleLayout.tsx  |  2 +-
 packages/ui/v2/core/Shell.tsx                          | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx b/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
index ecbc770180..b0c46015fa 100644
--- a/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
+++ b/apps/web/components/v2/eventtype/EventTypeSingleLayout.tsx
@@ -251,7 +251,7 @@ function EventTypeSingleLayout({
         </div>
       }>
       <ClientSuspense fallback={<Loader />}>
-        <div className="mt-4 flex flex-col xl:flex-row xl:space-x-8">
+        <div className="-mt-2 flex flex-col xl:flex-row xl:space-x-8">
           <div className="hidden xl:block">
             <VerticalTabs tabs={EventTypeTabs} sticky />
           </div>
diff --git a/packages/ui/v2/core/Shell.tsx b/packages/ui/v2/core/Shell.tsx
index 1b39355473..782497df47 100644
--- a/packages/ui/v2/core/Shell.tsx
+++ b/packages/ui/v2/core/Shell.tsx
@@ -733,9 +733,13 @@ export function ShellMain(props: LayoutProps) {
           />
         )}
         {props.heading && (
-          <header className={classNames(props.large && "py-8", "flex w-full items-center pt-4 md:p-0")}>
+          <header
+            className={classNames(
+              props.large && "py-8",
+              "mb-4 flex w-full items-center pt-4 md:p-0 lg:mb-10"
+            )}>
             {props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
-            <div className="mb-4 w-full ltr:mr-4 rtl:ml-4">
+            <div className="w-full ltr:mr-4 rtl:ml-4">
               {props.heading && (
                 <h1 className="font-cal mb-1 text-xl font-bold capitalize tracking-wide text-black">
                   {!isLocaleReady ? null : props.heading}
@@ -751,7 +755,7 @@ export function ShellMain(props: LayoutProps) {
           </header>
         )}
       </div>
-      <div className={classNames("", props.flexChildrenContainer && "flex flex-1 flex-col")}>
+      <div className={classNames(props.flexChildrenContainer && "flex flex-1 flex-col")}>
         {props.children}
       </div>
     </>