From e7e7f298d556ebc5cee29cb850157268ad985cb2 Mon Sep 17 00:00:00 2001
From: N-Upchurch <nathan@komcreative.com>
Date: Sun, 6 Aug 2023 20:11:46 -0500
Subject: [PATCH] Nav fixes for desktop site

---
 public/css/index.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/css/index.css b/public/css/index.css
index ec64f0e..34cd284 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -266,6 +266,8 @@ header {
 nav ul {
 	display: flex;
 	align-items: end;
+	justify-content: space-between;
+	width: 20rem;
 }
 .nav-icon {
 	width: var(--single-gap);
@@ -273,6 +275,7 @@ nav ul {
 	margin-right: .25rem;
 	fill: var(--color-gray-90);
 	padding-bottom: .3rem;
+	transition: all .5s;
 }
 .nav-item {
 	display: inline-block;
@@ -281,7 +284,7 @@ nav ul {
 .nav-item li {
 	display: flex;
 	align-items: end;
-	height: 2rem;
+	height: 2.8rem;
 	margin-right: .5em;
 	margin-bottom: 0;
 	text-transform: uppercase;
@@ -292,6 +295,9 @@ nav ul {
 	border-top: 1px solid var(--color-gray-90);
 	transition: all .5s;
 }
+.nav-item li:hover {
+	border-top: 20px solid var(--contrast-color);
+}
 .subscribe:hover {
 	color: var(--color-gray-90);
 }
@@ -487,6 +493,15 @@ h2 + .header-anchor {
 	h3, .post-copy a h3 {
 		font-size: 1rem;
 	}
+	.nav-item li {
+		height: 2rem;
+	}
+	nav ul {
+		display: flex;
+		align-items: end;
+		justify-content: auto;
+		width: auto;
+	}
 	.post-copy a h3 {
 		margin-top: .5em;
 	}