From 7f3b6795a6b43895195a8ed647a2e6eabb289091 Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Fri, 11 Oct 2024 21:06:31 -0700
Subject: [PATCH] fix horizontal layout issues

Fixes issues with the main content position, content widths, alignment,
and spacing.
---
 src/styles/docs/docs-types.css | 11 ++---------
 src/styles/docs/docs.css       | 12 ++++++------
 src/styles/docs/nav/nav.css    |  6 ------
 src/styles/docs/toc/toc.css    |  4 ++--
 4 files changed, 10 insertions(+), 23 deletions(-)

diff --git a/src/styles/docs/docs-types.css b/src/styles/docs/docs-types.css
index ce16e98..e50f24d 100644
--- a/src/styles/docs/docs-types.css
+++ b/src/styles/docs/docs-types.css
@@ -74,6 +74,8 @@
 }
 
 .typedocs-content {
+  flex-grow: 1;
+
   &>p {
     margin-block: 0.618rem;
   }
@@ -426,15 +428,6 @@ html.dark .typevariants {
 }
 
 @media (min-width: 1280px) {
-  .typedata {
-    max-width: 47svw;
-  }
-
-  .typedata-detailsdata,
-  .typedocs-subheading {
-    max-width: 42svw;
-  }
-
   .root-nav {
     min-width: 45svw;
   }
diff --git a/src/styles/docs/docs.css b/src/styles/docs/docs.css
index 959d80c..74ac523 100644
--- a/src/styles/docs/docs.css
+++ b/src/styles/docs/docs.css
@@ -81,14 +81,13 @@ ul {
 }
 
 @media (min-width: 768px) {
-
   .docs,
   .docslayout-root {
     gap: 0.648rem;
   }
 
   .docslayout-root {
-    margin-left: calc(1.618rem + 260px);
+    justify-content: center;
     display: flex;
     flex-direction: row;
   }
@@ -122,11 +121,12 @@ ul {
     }
   }
 
-  .docslayout-root {
-    margin-inline: 15svw;
-  }
-
   .docslayout-inner {
     min-width: 33.8rem;
   }
 }
+
+.docslayout-inner {
+  flex-grow: 1;
+  max-width: 100rem;
+}
diff --git a/src/styles/docs/nav/nav.css b/src/styles/docs/nav/nav.css
index 8092271..234c9f6 100644
--- a/src/styles/docs/nav/nav.css
+++ b/src/styles/docs/nav/nav.css
@@ -119,9 +119,3 @@
     z-index: 1;
   }
 }
-
-@media (min-width: 1280px) {
-  .nav-wrapper {
-    left: 10svw;
-  }
-}
diff --git a/src/styles/docs/toc/toc.css b/src/styles/docs/toc/toc.css
index 0107f58..8e83873 100644
--- a/src/styles/docs/toc/toc.css
+++ b/src/styles/docs/toc/toc.css
@@ -102,8 +102,8 @@
     display: block;
     position: sticky;
     top: 5rem;
-    right: 8svw;
-    width: 18rem;
+    width: 19rem;
+    flex-shrink: 0;
     max-height: 90svh;
     overflow-y: scroll;
     z-index: 10;