remove gap we didn't need and simplify margins

rosieyohannan · rosieyohannan · commit 34a0053ea062 · 2025-09-15T12:44:19.000+01:00
diff --git a/ui/src/css/main.css b/ui/src/css/main.css
@@ -35,9 +35,8 @@ body.-toc aside.toc.sidebar {
 
 @media screen and (min-width: 1200px) {
   main {
-    max-width: calc(var(--doc-max-width--desktop) + var(--toc-width) + 4rem); /* Article + TOC + gap */
-    margin-left: auto; /* Center the entire main element */
-    margin-right: auto; /* Center the entire main element */
+    max-width: calc(var(--doc-max-width--desktop) + var(--toc-width)); /* Article + TOC */
+    margin: 0 auto; /* Center the entire main element */
   }
 }
 
@@ -47,6 +46,6 @@ body.-toc aside.toc.sidebar {
   }
 
   main {
-    max-width: calc(var(--doc-max-width--desktop) + var(--toc-width--widescreen) + 4rem); /* Article + wider TOC + gap */
+    max-width: calc(var(--doc-max-width--desktop) + var(--toc-width--widescreen)); /* Article + wider TOC */
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -35,9 +35,8 @@ body.-toc aside.toc.sidebar {`
`35`	`35`
`36`	`36`	`@media screen and (min-width: 1200px) {`
`37`	`37`	`main {`
`38`		`- max-width: calc(var(--doc-max-width--desktop) + var(--toc-width) + 4rem); /* Article + TOC + gap */`
`39`		`- margin-left: auto; /* Center the entire main element */`
`40`		`- margin-right: auto; /* Center the entire main element */`
	`38`	`+ max-width: calc(var(--doc-max-width--desktop) + var(--toc-width)); /* Article + TOC */`
	`39`	`+ margin: 0 auto; /* Center the entire main element */`
`41`	`40`	`}`
`42`	`41`	`}`
`43`	`42`
`@@ -47,6 +46,6 @@ body.-toc aside.toc.sidebar {`
`47`	`46`	`}`
`48`	`47`
`49`	`48`	`main {`
`50`		`- max-width: calc(var(--doc-max-width--desktop) + var(--toc-width--widescreen) + 4rem); /* Article + wider TOC + gap */`
	`49`	`+ max-width: calc(var(--doc-max-width--desktop) + var(--toc-width--widescreen)); /* Article + wider TOC */`
`51`	`50`	`}`
`52`	`51`	`}`