finesse the docs layout

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 4a30d74d4511dbff2a4774eafec4f903dbb65c47..c8749c1d42e5edd773c8732a7d69386dec1711af 100644 (file)
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -6,7 +6,7 @@
 
 .bd-content {
   @include media-breakpoint-up(xl) {
-    max-width: calc(100% - 320px);
+    flex: 1;
     padding-right: 20%;
 
     #contents {
@@ -99,7 +99,7 @@
     margin-bottom: .25rem;
   }
 
-  @include media-breakpoint-up(sm) {
+  @include media-breakpoint-up(lg) {
     > ul,
     > ol,
     > p {

diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index f1a454f5391427586323da3d17b4fed28ae2f049..056efd805ac14c9795739ac60e2b0e7c14c50940 100644 (file)
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -11,10 +11,13 @@
   @include media-breakpoint-up(md) {
     position: sticky;
     top: 4rem;
-    max-width: 320px;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
+
+  @include media-breakpoint-up(xl) {
+    max-width: 320px;
+  }
 }
 
 .bd-links {