From a36e3f9eae87f65cc6ef7e87e0a19df30bf696fb Mon Sep 17 00:00:00 2001 From: Luke LaValva Date: Thu, 30 Jul 2026 00:35:56 +0000 Subject: [PATCH 1/2] Compact the mobile docs menu list --- src/tags/app-menu/app-menu.style.module.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/tags/app-menu/app-menu.style.module.scss b/src/tags/app-menu/app-menu.style.module.scss index a0dc5d342e..37d3e635b7 100644 --- a/src/tags/app-menu/app-menu.style.module.scss +++ b/src/tags/app-menu/app-menu.style.module.scss @@ -120,9 +120,9 @@ $fixed-controls-height: 8rem; ul { li { - border-bottom: 3px solid var(--color-red-dim); + border-bottom: 1px solid var(--color-red-dim); width: 100%; - padding: 1rem 0; + padding: 0.5rem 0; } li:last-of-type { @@ -138,8 +138,8 @@ $fixed-controls-height: 8rem; strong { display: block; - font-size: 1.5rem; - margin: 1.5rem 0; + font-size: 1.125rem; + margin: 0.75rem 0 0.25rem; } } > ul { From c69ac02c4dd917a6e7c33a5509a96359d30a464e Mon Sep 17 00:00:00 2001 From: Luke LaValva Date: Thu, 30 Jul 2026 00:38:34 +0000 Subject: [PATCH 2/2] Flow the mobile menu controls horizontally --- src/tags/app-menu/app-menu.style.module.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/tags/app-menu/app-menu.style.module.scss b/src/tags/app-menu/app-menu.style.module.scss index 37d3e635b7..52a3b9e5da 100644 --- a/src/tags/app-menu/app-menu.style.module.scss +++ b/src/tags/app-menu/app-menu.style.module.scss @@ -1,7 +1,7 @@ @use "app/styles/sticky" as sticky; @use "app/styles/colors" as colors; -$fixed-controls-height: 8rem; +$fixed-controls-height: 5.5rem; .menu { position: sticky; @@ -204,6 +204,10 @@ $fixed-controls-height: 8rem; margin: 0; padding: 0 var(--root-gap); height: $fixed-controls-height; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + column-gap: 1.25rem; justify-content: center; } }