From 87ffe8a308e2b0ab46fb1f011fd3e9dcb51ef645 Mon Sep 17 00:00:00 2001
From: Enoch Riese <enoch.riese@gmail.com>
Date: Wed, 8 Mar 2023 15:07:32 -0600
Subject: [PATCH] better sizing instructions for nav on mobile

---
 sites/dev/components/navigation/aside.mjs | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/sites/dev/components/navigation/aside.mjs b/sites/dev/components/navigation/aside.mjs
index 20c31e59fbc..e9d0b4f99c2 100644
--- a/sites/dev/components/navigation/aside.mjs
+++ b/sites/dev/components/navigation/aside.mjs
@@ -3,16 +3,17 @@ import { MainSections, ActiveSection } from './primary.mjs'
 export const AsideNavigation = ({ app, slug, mobileOnly = false, before = [], after = [] }) => (
   <aside
     className={`
-    fixed top-0 right-0 h-screen
+    fixed top-0 right-0 h-screen w-screen
     overflow-y-auto z-20
     bg-base-100 text-base-content
     ${app.primaryMenu ? '' : 'translate-x-[-120%]'} transition-transform
     px-6 pb-20 pt-8 shrink-0
 
+    lg:w-auto
     lg:sticky lg:relative lg:transform-none
     lg:justify-center
     lg:border-r-2 lg:border-base-200 lg:bg-base-200 lg:bg-opacity-50
-    ${mobileOnly ? 'block lg:hidden' : ''}
+    ${mobileOnly ? 'block lg:hidden w-full ' : ''}
   `}
   >
     <div>