From d73fe372faf07829c1aa23825a21e05c86791b2a Mon Sep 17 00:00:00 2001
From: seveibar <seveibar@gmail.com>
Date: Wed, 6 May 2026 22:14:15 -0700
Subject: [PATCH 1/2] make doc pages wider

---
 src/css/custom.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 02ac18d..1dc38e4 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -853,7 +853,7 @@ article h4 {
 
 /* Force center all documentation content */
 .col:not(.col--3) {
-  max-width: 1000px !important;
+  max-width: 1200px !important;
   margin-left: auto !important;
   margin-right: auto !important;
 }
@@ -898,10 +898,10 @@ article h4 {
       div,
       article
     )[class*="generatedIndexPage"] {
-    max-width: 1000px !important;
+    max-width: 1200px !important;
     margin-left: auto !important;
     margin-right: auto !important;
-    width: 1000px !important;
+    width: 1200px !important;
   }
 }
 

From cb08190fbeb8d41011b7ef72f1804b153110c81f Mon Sep 17 00:00:00 2001
From: seveibar <seveibar@gmail.com>
Date: Wed, 6 May 2026 22:23:30 -0700
Subject: [PATCH 2/2] wip

---
 src/css/custom.css                         | 11 ++++++-----
 src/theme/DocItem/Layout/index.tsx         |  3 +--
 src/theme/DocItem/Layout/styles.module.css |  6 ------
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 1dc38e4..6189327 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,6 +10,7 @@
 :root {
   --ifm-font-family-base: "Google Sans", system-ui, -apple-system, sans-serif;
   --ifm-heading-font-family: "Google Sans", system-ui, -apple-system, sans-serif;
+  --doc-content-max-width: 1100px;
   --ifm-color-primary: #1877f2;
   --ifm-color-primary-dark: #166bda;
   --ifm-color-primary-darker: #1564ce;
@@ -746,10 +747,10 @@ body {
   line-height: 1.2;
   text-align: left;
   white-space: nowrap;
-  max-width: 970px;
+  max-width: var(--doc-content-max-width);
   margin-left: auto;
   margin-right: auto;
-  padding-left: 4rem;
+  padding-left: 2rem;
   padding-right: 2rem;
   box-sizing: border-box;
 }
@@ -853,7 +854,7 @@ article h4 {
 
 /* Force center all documentation content */
 .col:not(.col--3) {
-  max-width: 1200px !important;
+  max-width: var(--doc-content-max-width) !important;
   margin-left: auto !important;
   margin-right: auto !important;
 }
@@ -898,10 +899,10 @@ article h4 {
       div,
       article
     )[class*="generatedIndexPage"] {
-    max-width: 1200px !important;
+    max-width: var(--doc-content-max-width) !important;
     margin-left: auto !important;
     margin-right: auto !important;
-    width: 1200px !important;
+    width: var(--doc-content-max-width) !important;
   }
 }
 
diff --git a/src/theme/DocItem/Layout/index.tsx b/src/theme/DocItem/Layout/index.tsx
index 7e1030f..e80aaae 100644
--- a/src/theme/DocItem/Layout/index.tsx
+++ b/src/theme/DocItem/Layout/index.tsx
@@ -1,5 +1,4 @@
 import React, { type ReactNode } from "react"
-import clsx from "clsx"
 import { useWindowSize } from "@docusaurus/theme-common"
 import { useDoc } from "@docusaurus/plugin-content-docs/client"
 import DocItemPaginator from "@theme/DocItem/Paginator"
@@ -45,7 +44,7 @@ export default function DocItemLayout({ children }: Props): ReactNode {
   const { metadata } = useDoc()
   return (
     <div className="row">
-      <div className={clsx("col", !docTOC.hidden && styles.docItemCol)}>
+      <div className="col">
         <ContentVisibility metadata={metadata} />
         <DocVersionBanner />
         <div className={styles.docItemContainer}>
diff --git a/src/theme/DocItem/Layout/styles.module.css b/src/theme/DocItem/Layout/styles.module.css
index a89053e..851a078 100644
--- a/src/theme/DocItem/Layout/styles.module.css
+++ b/src/theme/DocItem/Layout/styles.module.css
@@ -37,9 +37,3 @@
     margin-bottom: 0.75rem;
   }
 }
-
-@media (min-width: 997px) {
-  .docItemCol {
-    max-width: 75% !important;
-  }
-}