From 6f719286ddf403c72aeb870cd8fe422eab44b08a Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Wed, 26 Oct 2022 14:53:04 -0600
Subject: [PATCH] change requests for cleanup

---
 src/components/layouts/Footer.tsx | 235 +++++++++++++++---------------
 1 file changed, 117 insertions(+), 118 deletions(-)

diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index e83d89210a..557dd31ea5 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -29,140 +29,139 @@ export const Footer: FC = () => {
         borderColor='brand.light.primary'
       >
         <Flex
-          sx={{ mt: '-2px !important' }}
           borderBottom={{
             base: '2px solid',
             md: 'none'
           }}
           borderColor='brand.light.primary'
         >
-          <Stack
-            flex={1}
-            color='brand.light.primary'
-            _hover={{
-              textDecoration: 'none',
-              bg: 'brand.light.primary',
-              color: 'yellow.50 !important'
-            }}
-            justifyContent='center'
-            borderRight='2px solid'
-            borderColor='brand.light.primary'
-          >
-            <NextLink href={DOWNLOADS_PAGE} passHref>
-              <Link _hover={{ textDecoration: 'none' }}>
-                <Text textStyle='home-section-link-label'>DOWNLOADS</Text>
-              </Link>
-            </NextLink>
-          </Stack>
+          <NextLink href={DOWNLOADS_PAGE} passHref>
+            <Link
+              flex={1}
+              color='brand.light.primary'
+              _hover={{
+                textDecoration: 'none',
+                bg: 'brand.light.primary',
+                color: 'yellow.50 !important'
+              }}
+              height='full'
+              borderRight='2px solid'
+              borderColor='brand.light.primary'
+            >
+              <Text textStyle='home-section-link-label'>DOWNLOADS</Text>
+            </Link>
+          </NextLink>
 
-          <Stack
-            flex={1}
-            color='brand.light.primary'
-            _hover={{
-              textDecoration: 'none',
-              bg: 'brand.light.primary',
-              color: 'yellow.50 !important'
-            }}
-            borderRight={{
-              base: 'none',
-              md: '2px solid'
-            }}
-            borderColor='brand.light.primary'
-            justifyContent='center'
-          >
-            <NextLink href={DOCS_PAGE} passHref>
-              <Link _hover={{ textDecoration: 'none' }}>
-                <Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
-              </Link>
-            </NextLink>
-          </Stack>
+
+          <NextLink href={DOCS_PAGE} passHref>
+            <Link
+              flex={1}
+              color='brand.light.primary'
+              _hover={{
+                textDecoration: 'none',
+                bg: 'brand.light.primary',
+                color: 'yellow.50 !important'
+              }}
+              height='full'
+              borderRight={{
+                base: 'none',
+                md: '2px solid'
+              }}
+              borderColor='brand.light.primary'
+            >
+              <Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
+            </Link>
+          </NextLink>
         </Flex>
 
-        <Flex sx={{ mt: '0 !important' }}>
-          <Stack
-            flex={1}
-            data-group
-            borderLeft={{
-              base: 'none',
-              md: '2px solid',
-              lg: 'none'
-            }}
-            borderColor='brand.light.primary !important'
-            
-            _hover={{
-              bg: 'brand.light.primary',
-            }}
-            alignItems='center'
-          >
-            <NextLink href={GETH_TWITTER_URL} passHref>
-              <Link isExternal p={4}>
-                <TwitterIcon
-                  w={8}
-                  height={8} 
-                  _groupHover={{
-                    svg: {
-                      path:{fill: 'yellow.50 !important'}
-                    }
-                  }}
-                />
-              </Link>
-            </NextLink>
-          </Stack>
+        <Flex>
+          <NextLink href={GETH_TWITTER_URL} passHref>
+            <Link
+              isExternal
+              p={4}
+              display='flex'
+              flex={1}
+              data-group
+              borderLeft={{
+                base: 'none',
+                md: '2px solid',
+                lg: 'none'
+              }}
+              borderColor='brand.light.primary !important'
+              
+              _hover={{
+                bg: 'brand.light.primary',
+              }}
+              justifyContent='center'
+            >
+              <TwitterIcon
+                w={6}
+                height={6}
+                margin='auto'
+                _groupHover={{
+                  svg: {
+                    path:{fill: 'yellow.50 !important'}
+                  }
+                }}
+              />
+            </Link>
+          </NextLink>
 
-          <Stack
-            data-group
-            flex={1}
-            _hover={{
-              bg: 'brand.light.primary',
-            }}
-            alignItems='center'
-            borderWidth='2px'
-            borderStyle='none solid'
-            borderColor='brand.light.primary'
-          >
-            <NextLink href={GETH_DISCORD_URL} passHref>
-              <Link isExternal p={4}>
-                <DiscordIcon
-                  w={8}
-                  height={8} 
-                  _groupHover={{
-                    svg: {
-                      path:{fill: 'yellow.50 !important'}
-                    }
-                  }}
-                />
-              </Link>
-            </NextLink>
-          </Stack>
+          <NextLink href={GETH_DISCORD_URL} passHref>
+            <Link
+              isExternal
+              p={4} 
+              data-group 
+              display='flex'
+              flex={1}
+              _hover={{
+                bg: 'brand.light.primary',
+              }}
+              justifyContent='center'
+              borderWidth='2px'
+              borderStyle='none solid'
+              borderColor='brand.light.primary'
+            >
+              <DiscordIcon
+                w={6}
+                height={6} 
+                _groupHover={{
+                  svg: {
+                    path:{fill: 'yellow.50 !important'}
+                  }
+                }}
+              />
+            </Link>
+          </NextLink>
 
-          <Stack
-            data-group
-            flex={1}
-            _hover={{
-              bg: 'brand.light.primary',
-            }}
-            alignItems='center'
-          >
-            <NextLink href={GETH_REPO_URL} passHref>
-              <Link isExternal p={4}>
-                <GitHubIcon
-                  w={7}
-                  height={7} 
-                  _groupHover={{
-                    svg: {
-                      path:{fill: 'yellow.50 !important'}
-                    }
-                  }}
-                />
-              </Link>
-            </NextLink>
-          </Stack>
+          <NextLink href={GETH_REPO_URL} passHref>
+            <Link
+              isExternal
+              p={4}
+              data-group
+              flex={1}
+              display='flex'
+              _hover={{
+                bg: 'brand.light.primary',
+              }}
+              justifyContent='center'
+            >
+              <GitHubIcon
+                w={6}
+                height={6} 
+                _groupHover={{
+                  svg: {
+                    path:{fill: 'yellow.50 !important'}
+                  }
+                }}
+              />
+            </Link>
+          </NextLink>
         </Flex>
       </Flex>
 
       <Stack
         p={4}
-        sx={{ mt: '0 !important' }}
         textAlign='center'
         justifyContent='center'
         borderWidth='2px'