From 0882f1c0d669ea5373ad7c98fa6ff8ee14274f73 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 11 Jul 2022 19:07:37 -0500
Subject: [PATCH] Remove top Pagepadding on small screens

---
 web/components/page.tsx     | 2 +-
 web/pages/notifications.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/page.tsx b/web/components/page.tsx
index 24c866b8..e76a4dc2 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -27,7 +27,7 @@ export function Page(props: {
         <Sidebar className="sticky top-0 hidden divide-gray-300 self-start pl-2 lg:col-span-2 lg:block" />
         <main
           className={clsx(
-            'pt-6 lg:col-span-8',
+            'lg:col-span-8 lg:pt-6',
             rightSidebar ? 'xl:col-span-7' : 'xl:col-span-8'
           )}
         >
diff --git a/web/pages/notifications.tsx b/web/pages/notifications.tsx
index 6e32eb88..db6c382d 100644
--- a/web/pages/notifications.tsx
+++ b/web/pages/notifications.tsx
@@ -47,7 +47,7 @@ export default function Notifications() {
   if (!user) return <Custom404 />
   return (
     <Page>
-      <div className={'px-2 sm:px-4'}>
+      <div className={'px-2 pt-4 sm:px-4 lg:pt-0'}>
         <Title text={'Notifications'} className={'hidden md:block'} />
         <div>
           <Tabs