From 38e304f5278f4732443ebc6960845e678c229796 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 29 Jul 2020 19:25:18 -0700
Subject: [PATCH] fix: spacing on footer

---
 src/layouts/MainLayout.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index 223f1925a..9830de524 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -90,7 +90,7 @@ const MainLayout = ({ children }) => {
             'sidebar content'
             'sidebar footer';
           grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
-          grid-column-gap: ${layout.contentPadding};
+          grid-gap: ${layout.contentPadding};
           width: 100%;
           max-width: ${layout.maxWidth};
           margin: 0 auto;
@@ -122,7 +122,7 @@ const MainLayout = ({ children }) => {
         <article
           css={css`
             grid-area: content;
-            padding: ${layout.contentPadding} 0;
+            padding-top: ${layout.contentPadding};
             padding-right: ${layout.contentPadding};
           `}
         >
@@ -133,6 +133,7 @@ const MainLayout = ({ children }) => {
             grid-area: footer;
             border-top: 1px solid var(--divider-color);
             padding: ${layout.contentPadding} 0;
+            margin-right: ${layout.contentPadding};
           `}
         />
       </div>