From baa3563abb76a63656adf47f065bc39aba199cfc Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Sun, 20 Sep 2020 20:13:00 -0700
Subject: [PATCH] fix margin between home icon and user bar

Oops, I attached the margin to the title, which meant that the home link _didn't_ get spaced away from "Hi, matchu!"
---
 src/app/GlobalNavBar.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/GlobalNavBar.js b/src/app/GlobalNavBar.js
index e82938d..2623568 100644
--- a/src/app/GlobalNavBar.js
+++ b/src/app/GlobalNavBar.js
@@ -15,14 +15,14 @@ function GlobalNavBar() {
 
   return (
     <Box display="flex" alignItems="center" flexWrap="wrap">
-      <HomeLink showArrow={!isHomePage} />
+      <HomeLink showArrow={!isHomePage} marginRight="2" />
       <Box
         display="flex"
         alignItems="center"
         opacity={isHomePage ? "0" : "1"}
         transition="0.2s opacity"
       >
-        <DressToImpressTitle marginLeft="2" />
+        <DressToImpressTitle />
       </Box>
       <Box marginLeft="auto">
         <UserNavBarSection />
@@ -31,7 +31,7 @@ function GlobalNavBar() {
   );
 }
 
-function HomeLink({ showArrow }) {
+function HomeLink({ showArrow, ...props }) {
   return (
     <Box
       as={Link}
@@ -44,6 +44,7 @@ function HomeLink({ showArrow }) {
       opacity="0.8"
       _hover={{ transform: "scale(1.1)", opacity: "1" }}
       _focus={{ transform: "scale(1.1)", opacity: "1" }}
+      {...props}
     >
       <Box
         position="absolute"