From ea2551d833f2540aa3ec3d4e43fe51b0c05a3202 Mon Sep 17 00:00:00 2001
From: Gamius00 <gescheaftlichgamius@gmx.de>
Date: Sun, 21 Jan 2024 12:17:22 +0100
Subject: [PATCH 1/2] Hot Fix Mobile Navbar

---
 apps/web/src/components/Layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/Layout.tsx b/apps/web/src/components/Layout.tsx
index c0aa622d..f1641e77 100644
--- a/apps/web/src/components/Layout.tsx
+++ b/apps/web/src/components/Layout.tsx
@@ -57,7 +57,7 @@ const Layout: React.FC<LayoutProps> = ({
           content="/_next/image?url=%2Fog-image.png&w=640&q=75"
         />
       </Head>
-      <header className="hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
+      <header className="m hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
         <div className="flex w-3/5 max-w-3xl justify-around">
           <Link href="/home" className="flex">
             <AiFillHome className="mr-1.5 text-2xl" />
@@ -141,7 +141,7 @@ const Layout: React.FC<LayoutProps> = ({
         <FaShare className="mr-1.5 mt-1" /> {translation("share button")}
       </button>
       <main className="mb-14 min-h-screen md:mb-0">{children}</main>
-      <div className="fixed bottom-0 left-0 z-50 block h-16 w-full border-t border-gray-200 bg-white md:hidden dark:border-gray-600 dark:bg-gray-700">
+      <div className="fixed bottom-0 left-0 z-50 block h-24 w-full border-t border-gray-200 bg-white pb-4 dark:border-gray-600 dark:bg-gray-700 md:hidden">
         <div className="mx-auto grid h-full max-w-lg grid-cols-4 font-medium">
           <Link
             href="/home"

From d14ac603fe5e46286be2bd7741cdfb5879724798 Mon Sep 17 00:00:00 2001
From: Gamius00 <gescheaftlichgamius@gmx.de>
Date: Sun, 21 Jan 2024 12:31:30 +0100
Subject: [PATCH 2/2] Fix(style): Fixed Bottom Menubar for iOS

---
 apps/web/src/components/Layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/Layout.tsx b/apps/web/src/components/Layout.tsx
index f1641e77..3a97080c 100644
--- a/apps/web/src/components/Layout.tsx
+++ b/apps/web/src/components/Layout.tsx
@@ -57,7 +57,7 @@ const Layout: React.FC<LayoutProps> = ({
           content="/_next/image?url=%2Fog-image.png&w=640&q=75"
         />
       </Head>
-      <header className="m hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
+      <header className="hidden items-center justify-around bg-[#2d3142] p-2 text-white md:flex">
         <div className="flex w-3/5 max-w-3xl justify-around">
           <Link href="/home" className="flex">
             <AiFillHome className="mr-1.5 text-2xl" />