From 2da49cf5146c553722c83c3384dfcb52d67aa919 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:02:59 -0500
Subject: [PATCH 1/5] New Hover and Selection effect for nav

---
 components/Sidebar.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 7e412fc..11ee38f 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -50,6 +50,13 @@ export default {
   a {
     padding: 0.5rem 1rem 0.5rem 1rem;
     font-weight: 600;
+    transition-duration: 0.2s;
+    transition-property: background-color,color;
+    &:hover, &.nuxt-link-exact-active {
+      background-color: #08e5ff;
+      color: #000;
+      text-decoration: none;
+    }
   }
   div {
     cursor: pointer;

From 8107ba9334c705c333da402cd8bf9a888027b6f8 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:03:14 -0500
Subject: [PATCH 2/5] Fix hr tag colour

---
 components/Sidebar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 11ee38f..019b715 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -82,7 +82,7 @@ export default {
   }
   hr {
     width: 80%;
-    background-color: #08e5ff;
+    border-color: #08e5ff;
   }
 }
 

From e53e0bb8099ae65561dc25484756521e96e0b632 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:04:51 -0500
Subject: [PATCH 3/5] Add padding to view toggle for mobile ease of use

---
 components/Sidebar.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 019b715..09a07b8 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -68,12 +68,11 @@ export default {
     border: 1px;
     border-color: #08e5ff;
     border-style: solid;
-    border-radius: 0.25rem;
     overflow: hidden;
     margin: 1rem auto;
   }
   .viewToggle {
-    padding: 0 0.2rem;
+    padding: .2rem.2rem;
     color: #008190;
   }
   .active {

From 6e96a21200d129cb812cb99a9e9598e68809a6f9 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:17:08 -0500
Subject: [PATCH 4/5] Fix nav alignment on mobile

---
 components/Sidebar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 09a07b8..fb8a2b1 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -46,6 +46,7 @@ export default {
   display: grid;
   grid-template-columns: 1fr;
   font-size: 14px;
+  align-items: center;
 
   a {
     padding: 0.5rem 1rem 0.5rem 1rem;

From 2a6e1fb1abcaa37076a0c4543735fbf9660f2077 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:40:18 -0500
Subject: [PATCH 5/5] Switch to 600px breakpoint for mobile layout

---
 components/Sidebar.vue | 2 +-
 layouts/default.vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index fb8a2b1..2a652e2 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -86,7 +86,7 @@ export default {
   }
 }
 
-@media (max-width: 400px) {
+@media (max-width: 600px) {
   .sidebar {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));
diff --git a/layouts/default.vue b/layouts/default.vue
index 503e2a1..126e5a8 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -176,7 +176,7 @@ h1 {
 }
 
 
-@media (max-width: 400px) {
+@media (max-width: 600px) {
   .layout {
     display: grid;
     grid-template-columns: auto;