From 7253ed8ab03ff4dc522a6895db821d75695850dc Mon Sep 17 00:00:00 2001
From: Konnor Rogers <konnor5456@gmail.com>
Date: Wed, 21 May 2025 15:33:59 -0400
Subject: [PATCH] fix menu spacing (#978)

* fix menu spacing

* fix relative links in HTML files

* fix relative links in HTML files
---
 docs/_includes/page-demo.njk              | 4 ++--
 docs/docs/components/cheatsheet/index.njk | 2 +-
 docs/docs/components/page/demo-page.css   | 2 +-
 docs/docs/components/page/demo.js         | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/_includes/page-demo.njk b/docs/_includes/page-demo.njk
index 9f92d3f5c..031145a15 100644
--- a/docs/_includes/page-demo.njk
+++ b/docs/_includes/page-demo.njk
@@ -1,5 +1,5 @@
 <div id="page_slots_demo">
-<link rel="stylesheet" href="./demo.css">
+<link rel="stylesheet" href="/docs/components/page/demo.css">
 {% set slots = components.page.slots %}
 
 <fieldset id="page_slots_fieldset">
@@ -22,5 +22,5 @@
 
 <script type="module">
   const cacheBust = new Date().toString()
-  import(`./demo.js?${cacheBust}`)
+  import(`/docs/components/page/demo.js?${cacheBust}`)
 </script>
diff --git a/docs/docs/components/cheatsheet/index.njk b/docs/docs/components/cheatsheet/index.njk
index 6a84aba51..f86dd5ddd 100644
--- a/docs/docs/components/cheatsheet/index.njk
+++ b/docs/docs/components/cheatsheet/index.njk
@@ -45,7 +45,7 @@ table code {
 	}
 }
 </script>
-<script type="module" src="./cheatsheet.js"></script>
+<script type="module" src="/docs/components/cheatsheet.js"></script>
 
 {% for type, all in componentsBy -%}
 {% set typeTitle = "CSS custom properties" if type == "cssProperty" else ("CSS parts" if type == "cssPart" else (type | title) + "s") %}
diff --git a/docs/docs/components/page/demo-page.css b/docs/docs/components/page/demo-page.css
index aa6d2548c..df03684bf 100644
--- a/docs/docs/components/page/demo-page.css
+++ b/docs/docs/components/page/demo-page.css
@@ -14,7 +14,7 @@ wa-page {
   }
 }
 
-:is([slot='banner'], [slot='header'], [slot='subheader'], [slot='footer'], [slot*='navigation']) {
+:is([slot='banner'], [slot='header'], [slot='subheader'], [slot='footer'], [slot*='navigation'], [slot='menu']) {
   margin-inline-start: var(--wa-space-xs);
 }
 
diff --git a/docs/docs/components/page/demo.js b/docs/docs/components/page/demo.js
index 0b9c69973..9d944557d 100644
--- a/docs/docs/components/page/demo.js
+++ b/docs/docs/components/page/demo.js
@@ -7,7 +7,7 @@ let stylesheets = Array.from(document.querySelectorAll("link[rel=stylesheet][hre
   .join('\n');
 let includes = `${stylesheets}
   <script src="/dist/webawesome.loader.js" type="module"></script>
-  <link rel="stylesheet" href="./demo-page.css">`;
+  <link rel="stylesheet" href="/docs/components/page/demo-page.css">`;
 
 async function render() {
   await customElements.whenDefined('wa-checkbox');