From 49d06bdbcd3a71dea286ed734a1d62ae38ccd6cf Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Thu, 20 Jun 2024 10:45:39 -0400
Subject: [PATCH] touch up outline responsive behavior

---
 docs/assets/styles/docs.css    | 4 ----
 docs/assets/styles/outline.css | 6 ++++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 67b3775d9..776774c14 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -105,10 +105,6 @@ wa-page[view='desktop'] > #sidebar {
   max-height: 100%;
 }
 
-wa-page[view='desktop'] > #outline {
-  max-width: 240px;
-}
-
 #sidebar,
 #outline {
   h2 {
diff --git a/docs/assets/styles/outline.css b/docs/assets/styles/outline.css
index 6f9b7afce..26ee6c274 100644
--- a/docs/assets/styles/outline.css
+++ b/docs/assets/styles/outline.css
@@ -1,6 +1,5 @@
 #outline {
   order: 2;
-  padding-inline-end: 2rem;
   margin-block: 2rem;
 }
 
@@ -12,6 +11,9 @@
 #outline > nav {
   position: sticky;
   top: calc(var(--docs-header-height) + 3.5rem);
+  padding-inline-end: 2rem;
+  max-width: 240px;
+  min-width: 240px;
 }
 
 #outline-expandable {
@@ -28,7 +30,7 @@
   margin-inline-start: 1rem;
 }
 
-@media screen and (max-width: 1299px) {
+@media screen and (max-width: 1199px) {
   #outline {
     padding-block: 0.25rem;
     margin-block-end: -1rem;