chore(freesewing.dev): Layout tweaks

packages/freesewing.dev/components/layouts/docs.js

@@ -60,7 +60,7 @@ const DefaultLayout = ({ app, title=false, children=[] }) => {
   return (
     <div className="m-auto flex flex-row justify-center">
       <Aside app={app} slug={slug} />
-      <section className="py-28 md:py-36 max-w-2/3">
+      <section className="py-28 md:py-36">
         <div>
           {title && (
             <div className="px-8 xl:pl-8 2xl:pl-16">

packages/freesewing.shared/components/navigation/aside.js

@@ -10,11 +10,11 @@ const Aside = ({ app, slug, mobileOnly=false }) => (
     md:flex md:sticky md:flex-row-reverse
     md:relative md:transform-none
     px-8 py-24
-
-    md:w-40
-    lg:w-1/2 lg:min-w-80 lg:pr-2 lg:border-r-2
-    xl:w-1/3 xl:min-w-80 xl:pr-2 xl:border-0
-    2xl:min-w-96 2xl:pr-8
+    shrink-0
+    md:w-24 md:px-2 md:justify-center
+    lg:w-max lg:pr-2 lg:border-r-2
+    xl:w-max xl:border-0
+    2xl:pr-8
     ${mobileOnly ? 'block md:hidden' : ''}
   `}>
     <PrimaryNavigation app={app} active={slug}/>

packages/freesewing.shared/components/wrappers/toc.js

@@ -29,6 +29,7 @@ const TocWrapper = ({toc, app}) => {
     <div className={`
       mdx mdx-toc text-base-content text-lg lg:text-xl
       sticky top-8 max-h-screen overflow-y-auto
+      max-w-prose
       md:border-l-4 md:pl-4 md:mb-8 md:border-base-200
     `}
     >