From f8d720a6f4bb339096d5144002f9ce45690ced91 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Wed, 7 Jun 2023 18:46:20 +0330
Subject: [PATCH] fix: mobile sidebar layout and spacing

---
 .../src/client/css/custom.scss                     | 14 ++++++++++++--
 .../theme/Navbar/MobileSidebar/Layout/index.tsx    |  6 ++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
index 979ab48..eef3ec9 100644
--- a/packages/logos-docusaurus-theme/src/client/css/custom.scss
+++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -953,8 +953,11 @@ a[class^='sidebarLogo_'] {
   }
 
   .navbar-sidebar:not(:has(.navbar-sidebar__items--show-secondary)) {
+    .menu {
+      padding-inline: 0;
+    }
+
     .navbar-sidebar__items {
-      height: 180px;
     }
 
     .navbar-sidebar__item {
@@ -965,6 +968,7 @@ a[class^='sidebarLogo_'] {
       display: flex;
       flex-direction: column;
       gap: 8px;
+      padding-inline: var(--content-padding);
     }
 
     .menu__link {
@@ -972,10 +976,16 @@ a[class^='sidebarLogo_'] {
       border-left: none;
 
       > div {
-        font-size: var(--lsd-body1-fontSize) !important;
+        @include lsd.typography('subtitle2');
+        text-decoration: none;
       }
     }
 
+    .footer {
+      margin-top: 3rem;
+      padding: 0 !important;
+    }
+
     .footer > div {
       display: flex !important;
       flex-direction: column !important;
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx b/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
index 38978b9..c4f3b5e 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
@@ -18,10 +18,12 @@ export default function NavbarMobileSidebarLayout({
           'navbar-sidebar__items--show-secondary': secondaryMenuShown,
         })}
       >
-        <div className="navbar-sidebar__item menu">{primaryMenu}</div>
+        <div className="navbar-sidebar__item menu">
+          {primaryMenu}
+          {!secondaryMenuShown && <Footer />}
+        </div>
         <div className="navbar-sidebar__item menu">{secondaryMenu}</div>
       </div>
-      {!secondaryMenuShown && <Footer />}
     </div>
   )
 }