--- trunk/docs/components/Layouts/DocsLayout.tsx	2024/08/30 10:10:56	625
+++ trunk/docs/components/Layouts/DocsLayout.tsx	2024/09/07 09:38:45	626
@@ -1,16 +1,14 @@
-import "prism-themes/themes/prism-coldark-dark.css";
+import { Box } from "@mui/material";
 import { Fragment, PropsWithChildren } from "react";
-import EditButton from "../MDX/EditButton";
 import PageInfo from "../MDX/PageInfo";
 import TableOfContents from "../MDX/TableOfContents";
 import DocsLinkList from "../Navbar/Sidebar";
 import Navigator from "../Navigation/Navigator";
-import { Box } from "@mui/material";
 
 export default function DocsLayout({ children }: PropsWithChildren) {
     return (
         <div
-            className="grid lg:grid-cols-[3fr_10fr_2.5fr] md:gap-[50px] mb-10 relative"
+            className="grid lg:grid-cols-[3fr_10fr_3.5fr] md:gap-[50px] mb-10 relative"
             id="docs_layout_root"
         >
             <DocsLinkList desktopOnly fragment />
@@ -20,7 +18,6 @@
                     id="article"
                     className="prose prose-neutral prose-invert prose-code:before:hidden prose-code:after:hidden mt-8 p-3 text-wrap max-w-[100vw] relative"
                 >
-                    <EditButton />
                     {children}
                 </article>
                 <br />
@@ -31,13 +28,18 @@
                 </div>
             </div>
 
-            <Box className="hidden lg:block mr-5 fixed right-0 min-w-[16rem] max-w-[20vw] max-h-[calc(100vh-4rem)] overflow-y-scroll pb-8" sx={{
-                'scrollbarWidth': 0,
-                '::-webkit-scrollbar': {
-                    display: 'none'
-                }
-            }}>
-                <TableOfContents as={Fragment} />
+            <Box
+                className="hidden lg:block mr-5 max-h-[calc(100vh-4rem)] overflow-y-scroll pb-8 relative"
+                sx={{
+                    scrollbarWidth: 0,
+                    "::-webkit-scrollbar": {
+                        display: "none",
+                    },
+                }}
+            >
+                <div className="fixed">
+                    <TableOfContents as={Fragment} />
+                </div>
             </Box>
         </div>
     );