centered

Author: Py-mon

docs/_layouts/on-this-page.html

@@ -57,7 +57,7 @@
 @media (min-width: 901px) {
   .toc {
     order: 2;
-    width: 12rem;
+    width: 15rem;
     position: sticky;
     top: 4rem;
     max-height: 80vh;
@@ -66,7 +66,7 @@
     border-left: 1px solid #444; 
     border-radius: 1px;
     flex-shrink: 0;
-    font-size: small;
+    font-size: smaller;
   }
   .a {
     display:flex; align-items:flex-start; gap: 1rem;
@@ -75,15 +75,15 @@
 .main {
     max-width: 65rem;
 }
-@media (min-width: 90rem) {
+@media (min-width: 85rem) {
     .side-bar {
-        width:calc((100% - 90rem) / 2 + 16.5rem);
+        width:calc((100% - 85rem) / 2 + 16.5rem);
         min-width: 16.5rem
     }
 }
 @media (min-width: 90rem) {
     .side-bar+.main {
-        margin-left: Max(16.5rem, calc((100% - 90rem) / 2 + 16.5rem));
+        margin-left: Max(16.5rem, calc((100% - 85rem) / 2 + 16.5rem));
     }
 }
 </style>