make it big screen friendly

docs/assets/scss/_content.scss

@@ -6,6 +6,7 @@
 
 .bd-content {
   @include media-breakpoint-up(xl) {
+    max-width: calc(100% - 320px);
     padding-right: 20%;
 
     #contents {
@@ -24,6 +25,12 @@
     }
   }
 
+  @media (min-width: 2000px) {
+    #markdown-toc {
+      padding-left: 6rem;
+    }
+  }
+
   // Hack the sticky header
   h2[id],
   h3[id] {

docs/assets/scss/_sidebar.scss

@@ -12,6 +12,7 @@
   @include media-breakpoint-up(md) {
     position: sticky;
     top: 4rem;
+    max-width: 320px;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }