From 063596761ba9bb97f30dbc53e73d8c58d1ab5f6a Mon Sep 17 00:00:00 2001
From: gumi <git@gumi.ca>
Date: Thu, 25 Jul 2019 16:16:23 -0400
Subject: re-position the hamburger menu for the new logo

---
 src/App.vue                   | 2 ++
 src/components/Logo.vue       | 1 +
 src/components/Navigation.vue | 4 +++-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index d9e6711..2aa9612 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,6 +17,8 @@
 }
 
 #app {
+	z-index: 100;
+
 	& > .nav {
 		grid-area: side;
 	}
diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 18311f9..7cc31f3 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -34,6 +34,7 @@
 	color: #34B039;
 	height: 11vw;
 	cursor: pointer;
+	z-index: 200;
 
 	& span:last-of-type {
 		display: none;
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 54a50b0..ad79c9b 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -43,6 +43,8 @@
 		font-size: 8vw;
 		text-decoration: none;
 		color: gray(50);
+		z-index: 300;
+		display: block;
 
 		&::before {
 			content: "☰";
@@ -134,7 +136,7 @@
 @media (min-width: 460px) {
 	.nav {
 		& .hamburger {
-			top: 1vw;
+			top: 3vw;
 			right: 2vw;
 			font-size: calc(1rem + 3vw);
 		}
-- 
cgit v1.2.3-60-g2f50