From 01c4c0ba2ed9df7ed7f1841fc3c2712de381158b Mon Sep 17 00:00:00 2001
From: Lea <me@janderedev.xyz>
Date: Thu, 18 Jan 2024 07:57:31 +0100
Subject: [PATCH] fix mobile styling

---
 src/app/self-service/page.tsx            | 2 +-
 src/lib/components/NavigationWrapper.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/self-service/page.tsx b/src/app/self-service/page.tsx
index 6853ebf..38ec00d 100644
--- a/src/app/self-service/page.tsx
+++ b/src/app/self-service/page.tsx
@@ -23,7 +23,7 @@ export default function SelfService() {
   const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
   const [allowAlias, setAllowAlias] = useState(false);
   const dimensions = useWindowDimensions();
-  const mobileUi = dimensions.width < 1500;
+  const mobileUi = dimensions.width < 1200;
 
   useEffect(() => {
     fetchOwnAliases().then(setAliases);
diff --git a/src/lib/components/NavigationWrapper.tsx b/src/lib/components/NavigationWrapper.tsx
index 59eccd2..25cbc09 100644
--- a/src/lib/components/NavigationWrapper.tsx
+++ b/src/lib/components/NavigationWrapper.tsx
@@ -15,14 +15,14 @@ export default function NavigationWrapper({
     return (
       <Flex direction='row' gap='4'>
         <div><NavigationPanel /></div>
-        <div className='w-full p-4'>{children}</div>
+        <div className='w-full p-0'>{children}</div>
       </Flex>
     );
   } else {
     return (
       <Flex direction='column' gap='4'>
       <div><NavigationPanel mobileUi /></div>
-        <div className='w-full p-4 pt-0'>{children}</div>
+        <div className='w-full p-0'>{children}</div>
       </Flex>
     );
   };