align menu text, fix gap between overviews and nav

Author: Efnilite

src/components/docs/DocsFilters.astro

@@ -220,7 +220,7 @@ for (let i = latestMinor + 1; i > latestMinor - 4; i--) {
     function updatePosition() {
         // Update position of filters to be below the nav bar,
         // since filters is sticky this cant be done directly
-        filters.style.top = `${document.getElementById("nav")!!.offsetHeight}px`;   
+        filters.style.top = `${document.getElementById("nav")!!.offsetHeight - 1}px`;   
     }
 
     updatePosition();

src/components/nav/mobile/NavMobile.astro

@@ -40,8 +40,6 @@ switch (type) {
     document.getElementById("search-mobile")!!.addEventListener("click", () => {
         document.getElementById("search-mobile-container")!!.classList.toggle("hidden");
         document.getElementById("nav-logo")!!.classList.toggle("hidden");
-        document.getElementById("dark-toggle-mobile")!!.classList.toggle("hidden");
-        document.getElementById("light-toggle-mobile")!!.classList.toggle("hidden");
     });
 
     document.getElementById("menu-mobile")!!.addEventListener("click", () => {

src/components/tutorials/TutorialsOverview.astro

@@ -20,7 +20,7 @@ const bySection = tutorials.reduce((acc, tutorial) => {
 <script>
     // Update position of filters to be below the nav bar,
     // since filters is sticky this cant be done directly
-    document.getElementById("tutorials")!!.style.top = `${document.getElementById("nav")!!.offsetHeight}px`;
+    document.getElementById("tutorials")!!.style.top = `${document.getElementById("nav")!!.offsetHeight - 1}px`;
 
     const tutorials = document.getElementById("tutorials-expand-area")!!;
     const expand = document.getElementById("tutorials-expand-button")!!;
@@ -34,7 +34,7 @@ const bySection = tutorials.reduce((acc, tutorial) => {
     function updatePosition() {
         // Update position of filters to be below the nav bar,
         // since filters is sticky this cant be done directly
-        tutorials.style.top = `${document.getElementById("nav")!!.offsetHeight}px`;   
+        tutorials.style.top = `${document.getElementById("nav")!!.offsetHeight - 1}px`;   
     }
 
     window.addEventListener("DOMContentLoaded", updatePosition);

src/style.css

@@ -172,10 +172,15 @@ ul {
     @apply bg-[#f96b6b] dark:bg-[#9e1010];
 }
 
-#nav-menu-mobile > div > a, #nav-menu-mobile > div > button {
-    @apply flex flex-row gap-3 text-xl p-2 -m-2 rounded-xl hover:bg-l-icon-hover dark:hover:bg-d-icon-hover hover:cursor-pointer;
+#nav-menu-mobile > div > a {
+    @apply flex flex-row gap-3 text-xl p-2 -m-2 rounded-xl 
+        hover:bg-l-icon-hover dark:hover:bg-d-icon-hover hover:cursor-pointer;
 }
 
-#nav-menu-mobile > div > a > svg, #nav-menu-mobile > div > button > svg {
+#nav-menu-mobile > div > a > svg, #nav-menu-mobile > div > a > span {
+    @apply my-auto;
+}
+
+#nav-menu-mobile > div > a > span {
     @apply my-auto;
 }