From a0f0b5fc86d7c3ddd53194d576b75886aca7792e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Thu, 15 Dec 2022 00:57:02 -0300
Subject: [PATCH 1/3] chore: update spacing between sections on home and
 /downloads pages

---
 src/components/UI/downloads/SpecificVersionsSection.tsx | 6 +++++-
 src/pages/downloads.tsx                                 | 2 +-
 src/pages/index.tsx                                     | 5 ++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/UI/downloads/SpecificVersionsSection.tsx b/src/components/UI/downloads/SpecificVersionsSection.tsx
index aa619529bb..442510798a 100644
--- a/src/components/UI/downloads/SpecificVersionsSection.tsx
+++ b/src/components/UI/downloads/SpecificVersionsSection.tsx
@@ -8,7 +8,11 @@ interface Props {
 
 export const SpecificVersionsSection: FC<Props> = ({ children }) => {
   return (
-    <Grid id='specificversions' templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
+    <Grid
+      id='specificversions'
+      templateColumns={{ base: '1fr', md: '300px 1fr' }}
+      gap={{ base: 4, lg: 8 }}
+    >
       <GridItem w='auto'>
         <Box h='100%'>
           {/* TODO: replace with animated/video version */}
diff --git a/src/pages/downloads.tsx b/src/pages/downloads.tsx
index b77f2e6749..e4be82ee70 100644
--- a/src/pages/downloads.tsx
+++ b/src/pages/downloads.tsx
@@ -299,7 +299,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
       <PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
 
       <main id='main-content'>
-        <Stack spacing={4}>
+        <Stack spacing={{ base: 4, lg: 8 }}>
           <DownloadsHero
             currentBuild={LATEST_RELEASES_DATA.releaseName}
             currentBuildVersion={LATEST_RELEASES_DATA.versionNumber}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 61c4164e4e..a5428aeb5e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -32,7 +32,10 @@ const HomePage: NextPage = ({}) => {
         <Stack spacing={4}>
           <HomeHero />
 
-          <Grid templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }} gap={4}>
+          <Grid
+            templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }}
+            gap={{ base: 4, lg: 8 }}
+          >
             <GridItem rowSpan={2}>
               {/* SECTION: What is Geth */}
               <HomeSection

From 3dea406d9edb2a1ef66aab6be47e97b54160ef85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Thu, 15 Dec 2022 13:16:38 -0300
Subject: [PATCH 2/3] chore: update margins on desktop

---
 src/components/UI/Header.tsx      |  5 ++---
 src/components/layouts/Footer.tsx |  2 +-
 src/pages/index.tsx               | 13 +++++++------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/UI/Header.tsx b/src/components/UI/Header.tsx
index f38b0d6759..160486723e 100644
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@@ -2,10 +2,9 @@ import { FC } from 'react';
 import { Box, Flex, Link, Stack, Text, useColorMode } from '@chakra-ui/react';
 import NextLink from 'next/link';
 
-import { Search } from '../UI';
+import { HeaderButtons, Search } from '../UI';
 import { MoonIcon, SunIcon } from '../UI/icons';
 
-import { HeaderButtons } from './';
 import { MobileMenu } from '../layouts';
 
 export const Header: FC = () => {
@@ -14,7 +13,7 @@ export const Header: FC = () => {
 
   return (
     <Flex
-      mb={4}
+      mb={{ base: 4, lg: 8 }}
       border='2px'
       borderColor='primary'
       justifyContent='space-between'
diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index 36e3f13229..b9f06dc663 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -20,7 +20,7 @@ const hoverStyles = {
 
 export const Footer: FC = () => {
   return (
-    <Flex mt={4} direction={{ base: 'column', lg: 'row' }}>
+    <Flex mt={{ base: 4, lg: 8 }} direction={{ base: 'column', lg: 'row' }}>
       <Flex
         direction={{ base: 'column', md: 'row' }}
         justifyContent={{ md: 'space-between' }}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a5428aeb5e..d8c5ac44b5 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,8 +1,6 @@
 import { Box, Grid, GridItem, Link, Stack, Text } from '@chakra-ui/react';
 import type { NextPage } from 'next';
 
-import { GopherHomeFront } from '../components/UI/svgs';
-
 import {
   HomeHero,
   HomeSection,
@@ -11,7 +9,7 @@ import {
   WhyRunANode
 } from '../components/UI/homepage';
 import { PageMetadata } from '../components/UI';
-import { GopherHomeLinks } from '../components/UI/svgs';
+import { GopherHomeFront, GopherHomeLinks } from '../components/UI/svgs';
 
 import {
   CONTRIBUTING_PAGE,
@@ -29,7 +27,7 @@ const HomePage: NextPage = ({}) => {
       <PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} />
 
       <main id='main-content'>
-        <Stack spacing={4}>
+        <Stack spacing={{ base: 4, lg: 8 }}>
           <HomeHero />
 
           <Grid
@@ -109,7 +107,10 @@ const HomePage: NextPage = ({}) => {
             </GridItem>
           </Grid>
 
-          <Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4}>
+          <Grid
+            templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }}
+            gap={{ base: 4, lg: 8 }}
+          >
             <GridItem>
               {/* SECTION: Contribute to Geth */}
               <HomeSection
@@ -145,7 +146,7 @@ const HomePage: NextPage = ({}) => {
             </GridItem>
           </Grid>
 
-          <Grid templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
+          <Grid templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={{ base: 4, lg: 8 }}>
             <GridItem w='auto'>
               <Box h='100%'>
                 {/* TODO: replace with animated/video version */}

From e5a04b96c30f48f7642b5283d65f3fc2f4972c5e Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Thu, 15 Dec 2022 17:39:48 +0100
Subject: [PATCH 3/3] update relative path of import

---
 src/components/UI/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/UI/Header.tsx b/src/components/UI/Header.tsx
index 160486723e..cec4b7359f 100644
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { Box, Flex, Link, Stack, Text, useColorMode } from '@chakra-ui/react';
 import NextLink from 'next/link';
 
-import { HeaderButtons, Search } from '../UI';
+import { HeaderButtons, Search } from './';
 import { MoonIcon, SunIcon } from '../UI/icons';
 
 import { MobileMenu } from '../layouts';