From ad13adaa1a92ce3eddae6bfb4f51928920f2dadb Mon Sep 17 00:00:00 2001
From: afn <hey@afn.im>
Date: Thu, 10 Aug 2023 17:52:17 -0400
Subject: [PATCH] fix: home page path + final mobile nav touches

---
 docusaurus/docusaurus.config.js  |  2 +-
 docusaurus/src/css/custom.css    | 12 ++++++++++--
 src/layout/Navbar/NavHost.svelte |  6 +++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
index d3b9470..5e3fb68 100644
--- a/docusaurus/docusaurus.config.js
+++ b/docusaurus/docusaurus.config.js
@@ -67,7 +67,7 @@ const config = {
         },
         items: [
           {
-            to: `${siteUrl}/download`,
+            to: siteUrl,
             label: 'Home',
             target: '_self'
           },
diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css
index 634b02c..554237b 100644
--- a/docusaurus/src/css/custom.css
+++ b/docusaurus/src/css/custom.css
@@ -41,14 +41,22 @@
   --ifm-navbar-sidebar-width: 20rem;
 }
 
+/* toc page cards */
 .card {
   border-radius: 1.5rem;
 }
+
 .card:hover {
   border-color: hsl(221, 17%, 26%) !important;
   background-color: hsl(230, 9%, 13%);
 }
 
+@media screen and (max-width: 996px) {
+  .margin-bottom--lg {
+    margin-bottom: 0.5rem !important;
+  }
+}
+
 .dropdown__menu {
   padding: 0.5rem 0 !important;
   box-shadow: var(--drop-shadow-one);
@@ -172,7 +180,7 @@
     border-radius: 0 24px 24px 0;
   }
 
-  .menu__list-item:not(:first) {
+  .menu__list-item {
     margin-top: 0.5rem !important;
   }
 
@@ -223,7 +231,7 @@
   }
 
   .navbar-sidebar--show .navbar-sidebar {
-    transition: 0.4s transform var(--bezier-one) !important;
+    transition: 0.5s transform cubic-bezier(0.19, 1, 0.22, 1) !important;
   }
 
   .navbar-sidebar__close {
diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index 2834f89..a476343 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -228,13 +228,13 @@
 		justify-content: space-between;
 	}
 
-	@media (min-width: 768px) {
+	@media (min-width: 996px) {
 		.nav-wrapper {
 			align-items: center;
 		}
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 996px) {
 		.nav-wrapper {
 			flex-direction: column;
 			gap: 0.5rem;
@@ -271,7 +271,7 @@
 		}
 	}
 
-	@media screen and (min-width: 768px) {
+	@media screen and (min-width: 997px) {
 		.mobile-only {
 			display: none !important;
 		}