flip the columns, tweak some of the styles

3 files changed, 22 insertions, 7 deletions

diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss
index 399da9b7b..5b4edf04d 100644
--- a/docs/assets/scss/_anchor.scss
+++ b/docs/assets/scss/_anchor.scss
@@ -1,4 +1,8 @@
+// scss-lint:disable ImportantRule
+
 .anchorjs-link {
+  padding-right: .25em !important;
+  margin-left: -.75em !important;
   color: inherit;
 }
 
diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 28f4cd442..901e9843e 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -54,14 +54,27 @@
   > ol li {
     margin-bottom: .25rem;
   }
+
+  @include media-breakpoint-up(sm) {
+    > ul,
+    > ol,
+    > p {
+      max-width: 80%;
+    }
+  }
 }
 
 .bd-title {
+  margin-bottom: 2rem;
+  font-weight: 300;
+
   @include media-breakpoint-up(sm) {
     font-size: 3rem;
 
     + p {
-      font-size: 1.25rem;
+      max-width: 80%;
+      margin-bottom: 2rem;
+      font-size: 1.5rem;
       font-weight: 300;
     }
   }
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 7b9edefea..ba7d34439 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -2,12 +2,6 @@
 // Side navigation
 //
 
-.bd-sidebar {
-  @include media-breakpoint-up(md) {
-    padding-left: 1rem;
-  }
-}
-
 .bd-search {
   position: relative;
   margin-bottom: 1.5rem;
@@ -22,6 +16,10 @@
       background-color: #fff;
     }
   }
+
+  @include media-breakpoint-up(md) {
+    padding-right: 1rem;
+  }
 }
 
 .bd-search-results {