From 428c44d661d6760d187f795ac083582325c869c4 Mon Sep 17 00:00:00 2001
From: Gregory Campbell <gjcampbell777@gmail.com>
Date: Mon, 12 Jul 2021 12:10:38 -0400
Subject: [PATCH] Fixed nav-link to have full item apply to page change instead
 of just the text

---
 src/components/NavigationBar.js | 44 ++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/NavigationBar.js b/src/components/NavigationBar.js
index 7436e8ccc..ae65346f9 100644
--- a/src/components/NavigationBar.js
+++ b/src/components/NavigationBar.js
@@ -13,7 +13,7 @@ const Styles = styled.div`
   	color: #000;
   
   	&:hover{
-  		color:black;
+  		color:#219837;
   	}
   }
 `;
@@ -21,30 +21,30 @@ const Styles = styled.div`
 export const NavigationBar = () => (
 	<Styles>
 		<Navbar expand="lg" color='light-blue lighten-4'>
-			<Navbar.Brand href="/">GC</Navbar.Brand>
+			<Navbar.Brand as={Link} to="/">GC</Navbar.Brand>
 			<Navbar.Toggle aria-controls="basic-navbar-nav" />
 			<Navbar.Collapse id="basic-navbar-nav">
-				<Nav classname="ml-auto">
+				<Nav classname="navbar-link">
 					<Nav.Item>
-			          <Nav.Link>
-			            <Link to="/">Home</Link>
-			          </Nav.Link>
-			        </Nav.Item>
-			        <Nav.Item>
-			          <Nav.Link>
-			            <Link to="/Resume">Resume</Link>
-			          </Nav.Link>
-			        </Nav.Item>
-			        <Nav.Item>
-			          <Nav.Link>
-			            <Link to="/Projects">Projects</Link>
-			          </Nav.Link>
-			        </Nav.Item>
-			        <Nav.Item>
-			          <Nav.Link>
-			            <Link to="/Contact">Contact</Link>
-			          </Nav.Link>
-			        </Nav.Item>
+	          <Nav.Link as={Link} to="/">
+	            <Link to="/">Home</Link>
+	          </Nav.Link>
+	        </Nav.Item>
+	        <Nav.Item>
+	          <Nav.Link as={Link} to="/Resume">
+	            <Link to="/Resume">Resume</Link>
+	          </Nav.Link>
+	        </Nav.Item>
+	        <Nav.Item>
+	          <Nav.Link as={Link} to="/Projects">
+	            <Link to="/Projects">Projects</Link>
+	          </Nav.Link>
+	        </Nav.Item>
+	        <Nav.Item>
+	          <Nav.Link as={Link} to="/Contact">
+	            <Link to="/Contact">Contact</Link>
+	          </Nav.Link>
+	        </Nav.Item>
 				</Nav>
 			</Navbar.Collapse>
 		</Navbar>