From 1f90789712163ec8cfff0797a9d0172767a3f3a2 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Mon, 5 Dec 2022 17:37:44 +0100
Subject: [PATCH] Link section padding [Fixes #71] (#106)

* rename to LinksList

* add padding after sections in LinksList

* reduce padding between sections to 1.5rem
---
 src/components/UI/docs/{LinkList.tsx => LinksList.tsx} | 4 ++--
 src/components/UI/docs/index.ts                        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename src/components/UI/docs/{LinkList.tsx => LinksList.tsx} (92%)

diff --git a/src/components/UI/docs/LinkList.tsx b/src/components/UI/docs/LinksList.tsx
similarity index 92%
rename from src/components/UI/docs/LinkList.tsx
rename to src/components/UI/docs/LinksList.tsx
index 9b121c6f79..6c9d838e1d 100644
--- a/src/components/UI/docs/LinkList.tsx
+++ b/src/components/UI/docs/LinksList.tsx
@@ -18,7 +18,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
         const split = to?.split('/')
         const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
         return to ? (
-          <Stack key={id} _hover={{ background: 'primary', color: 'bg' }} data-group>
+          <Stack key={id} pb={items ? 6 : 0} _hover={{ background: 'primary', color: 'bg' }} data-group>
             <NextLink href={to} passHref key={id}>
               <Link textDecoration='none !important'>
                 <Text
@@ -44,7 +44,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
             {items && <LinksList links={items} />}
           </Stack>
         ) : (
-          <Stack key={id}>
+          <Stack key={id} pb={6}>
             <Text textStyle='docs-nav-links' color={items ? 'primary' : 'body'}>
               {id}
             </Text>
diff --git a/src/components/UI/docs/index.ts b/src/components/UI/docs/index.ts
index 9214774f4c..56eadcff2b 100644
--- a/src/components/UI/docs/index.ts
+++ b/src/components/UI/docs/index.ts
@@ -3,6 +3,6 @@ export * from './Code';
 export * from './DocsLinks';
 export * from './DocsNav';
 export * from './DocumentNav';
-export * from './LinkList';
+export * from './LinksList';
 export * from './Note';
 export { default } from './MDComponents';