From e5617d095ec59cd8f24cdc0da4b9556e9aefba34 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 11 Jun 2022 10:49:20 +0300
Subject: [PATCH] Get rid of unneeded element in MobileMenu

---
 app/components/layout/MobileMenu.tsx |  3 ---
 app/styles/layout.css                | 10 +---------
 2 files changed, 1 insertion(+), 12 deletions(-)

diff --git a/app/components/layout/MobileMenu.tsx b/app/components/layout/MobileMenu.tsx
index 1c68a68db..c5b735040 100644
--- a/app/components/layout/MobileMenu.tsx
+++ b/app/components/layout/MobileMenu.tsx
@@ -15,9 +15,6 @@ export function MobileMenu({
 
   return (
     <div className={clsx("layout__mobile-nav", { expanded })}>
-      <div className="layout__mobile-nav__top-action">
-        {/* <SearchInput /> */}
-      </div>
       <div className="layout__mobile-nav__links">
         {navItemsGrouped(Boolean(user?.plusTier)).map((navGroup) => (
           <Fragment key={navGroup.title}>
diff --git a/app/styles/layout.css b/app/styles/layout.css
index 608f88181..5b279e27f 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -107,15 +107,6 @@
   bottom: 0;
 }
 
-.layout__mobile-nav__top-action {
-  display: grid;
-  padding-top: var(--s-12);
-  padding-bottom: var(--s-8);
-  background-color: var(--bg);
-  gap: var(--s-4);
-  place-items: center;
-}
-
 .layout__mobile-nav__link__icon {
   width: 2rem;
   height: 2rem;
@@ -130,6 +121,7 @@
   justify-content: center;
   grid-auto-columns: 1fr;
   grid-auto-rows: 4rem;
+  padding-block-start: 4.5rem;
 }
 
 .layout__mobile-nav__group-title {