From b55d3f41785c954fcb66630045220ff3c0e6b5f1 Mon Sep 17 00:00:00 2001
From: Ayush Jhawar <ayushjhawar499@gmail.com>
Date: Fri, 7 Nov 2025 15:08:59 +0530
Subject: [PATCH 1/2] Improve sidebar indentation for nested documentation
 groups

---
 .../scripting/_category_.json                 | 10 ++++++++
 src/css/custom.css                            | 24 +++++++++++++++++++
 src/theme/DocSidebarItem/index.tsx            | 16 +++++++++++++
 3 files changed, 50 insertions(+)
 create mode 100644 docs/guides/running-tscircuit/scripting/_category_.json
 create mode 100644 src/theme/DocSidebarItem/index.tsx

diff --git a/docs/guides/running-tscircuit/scripting/_category_.json b/docs/guides/running-tscircuit/scripting/_category_.json
new file mode 100644
index 0000000..e26f983
--- /dev/null
+++ b/docs/guides/running-tscircuit/scripting/_category_.json
@@ -0,0 +1,10 @@
+{
+  "label": "Scripting",
+  "position": 10,
+  "link": {
+    "type": "generated-index",
+    "description": "Learn how to use tscircuit programmatically with scripts."
+  },
+  "collapsible": true,
+  "collapsed": false
+}
diff --git a/src/css/custom.css b/src/css/custom.css
index 9ed9dba..8c11614 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -624,6 +624,30 @@ figure img {
   padding-right: 16px !important;
 }
 
+.sidebar-item-level-1 .menu__link {
+  padding-left: 16px !important;
+}
+
+.sidebar-item-level-2 .menu__link {
+  padding-left: 16px !important;
+}
+
+.sidebar-item-level-3 .menu__link {
+  padding-left: 28px !important;
+}
+
+.sidebar-item-level-4 .menu__link {
+  padding-left: 40px !important;
+}
+
+.sidebar-item-level-5 .menu__link {
+  padding-left: 52px !important;
+}
+
+.sidebar-item-level-6 .menu__link {
+  padding-left: 64px !important;
+}
+
 @media (max-width: 768px) {
   iframe {
     max-width: 90vw;
diff --git a/src/theme/DocSidebarItem/index.tsx b/src/theme/DocSidebarItem/index.tsx
new file mode 100644
index 0000000..25b8e1b
--- /dev/null
+++ b/src/theme/DocSidebarItem/index.tsx
@@ -0,0 +1,16 @@
+import React, { type ReactNode } from "react"
+import DocSidebarItem from "@theme-original/DocSidebarItem"
+import type DocSidebarItemType from "@theme/DocSidebarItem"
+import type { WrapperProps } from "@docusaurus/types"
+
+type Props = WrapperProps<typeof DocSidebarItemType>
+
+export default function DocSidebarItemWrapper(props: Props): ReactNode {
+  const depth = props.level || 1
+
+  return (
+    <div className={`sidebar-item-level-${depth}`}>
+      <DocSidebarItem {...props} />
+    </div>
+  )
+}

From f5b815c36ab5d07e264908efca82764434828985 Mon Sep 17 00:00:00 2001
From: Ayush Jhawar <ayushjhawar499@gmail.com>
Date: Fri, 7 Nov 2025 21:55:34 +0530
Subject: [PATCH 2/2] Fix symbols

---
 src/css/custom.css                 | 27 +++++++++++++++------------
 src/theme/DocSidebarItem/index.tsx |  8 +-------
 2 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 8c11614..6324f32 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -624,27 +624,30 @@ figure img {
   padding-right: 16px !important;
 }
 
-.sidebar-item-level-1 .menu__link {
-  padding-left: 16px !important;
-}
-
-.sidebar-item-level-2 .menu__link {
-  padding-left: 16px !important;
-}
-
-.sidebar-item-level-3 .menu__link {
+.theme-doc-sidebar-item-category[class*="level-3"]
+  > .menu__list-item-collapsible
+  > .menu__link {
   padding-left: 28px !important;
 }
 
-.sidebar-item-level-4 .menu__link {
+.theme-doc-sidebar-item-link[class*="level-4"] .menu__link,
+.theme-doc-sidebar-item-category[class*="level-4"]
+  > .menu__list-item-collapsible
+  > .menu__link {
   padding-left: 40px !important;
 }
 
-.sidebar-item-level-5 .menu__link {
+.theme-doc-sidebar-item-link[class*="level-5"] .menu__link,
+.theme-doc-sidebar-item-category[class*="level-5"]
+  > .menu__list-item-collapsible
+  > .menu__link {
   padding-left: 52px !important;
 }
 
-.sidebar-item-level-6 .menu__link {
+.theme-doc-sidebar-item-link[class*="level-6"] .menu__link,
+.theme-doc-sidebar-item-category[class*="level-6"]
+  > .menu__list-item-collapsible
+  > .menu__link {
   padding-left: 64px !important;
 }
 
diff --git a/src/theme/DocSidebarItem/index.tsx b/src/theme/DocSidebarItem/index.tsx
index 25b8e1b..c2c595a 100644
--- a/src/theme/DocSidebarItem/index.tsx
+++ b/src/theme/DocSidebarItem/index.tsx
@@ -6,11 +6,5 @@ import type { WrapperProps } from "@docusaurus/types"
 type Props = WrapperProps<typeof DocSidebarItemType>
 
 export default function DocSidebarItemWrapper(props: Props): ReactNode {
-  const depth = props.level || 1
-
-  return (
-    <div className={`sidebar-item-level-${depth}`}>
-      <DocSidebarItem {...props} />
-    </div>
-  )
+  return <DocSidebarItem {...props} />
 }