From 69ddb5a71c8d0cce11dc4b1528780f127e0826c9 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Thu, 5 Jan 2023 13:49:20 +0100
Subject: [PATCH] fix: spacing between menus

---
 .../NavigationMenu/NavigationMenuGuideListItems.tsx  | 12 +-----------
 .../NavigationMenu/NavigationMenuRefListItems.tsx    |  4 ++--
 2 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
index e4e73a8e132..ee9bbf30f38 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx
@@ -7,10 +7,6 @@ import { IconChevronLeft } from '~/../../packages/ui'
 import * as NavItems from './NavigationMenu.constants'
 import * as Accordion from '@radix-ui/react-accordion'
 
-interface ImPureProps {
-  // users: Array<User>
-}
-
 const HeaderImage = React.memo(function HeaderImage(props: any) {
   const router = useRouter()
   const { isDarkMode } = useTheme()
@@ -45,12 +41,6 @@ const ContentAccordionLink = React.memo(function ContentAccordionLink(props: any
   const router = useRouter()
   const { isDarkMode } = useTheme()
 
-  let subItemMenuOpen = false
-
-  if (router.asPath.includes(props.subItem.url)) {
-    subItemMenuOpen = true
-  }
-
   const LinkContainer = (props) => {
     return (
       <Link href={props.url} passHref>
@@ -188,7 +178,7 @@ const Content = (props) => {
         return (
           <div key={x.name}>
             {x.items && x.items.length > 0 ? (
-              <div>
+              <div className="flex flex-col gap-1">
                 {x.items.map((subItem, subItemIndex) => {
                   return (
                     <ContentAccordionLink
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
index 87a90b82baa..1611cd51992 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefListItems.tsx
@@ -148,7 +148,7 @@ const RenderLink = React.memo(function RenderLink(props: any) {
 
 const SideMenuTitle = ({ title }: { title: string }) => {
   return (
-    <span className="font-mono text-xs uppercase text-scale-1200 font-medium tracking-wider mb-3">
+    <span className="font-mono text-xs uppercase text-scale-1200 font-medium tracking-wider">
       {title}
     </span>
   )
@@ -245,7 +245,7 @@ const Content: React.FC<INavigationMenuRefList> = ({ id, lib, commonSections, sp
         <RevVersionDropdown />
       </div>
 
-      <ul className="function-link-list">
+      <ul className="function-link-list flex flex-col gap-1">
         {sections.map((fn: any, fnIndex) => {
           // run allow check
           if (isFuncNotInLibraryOrVersion(fn.id, fn.type, allowedKeys)) {