From 8f46cab37a99ef400f1af9a14be412e68214bcbf Mon Sep 17 00:00:00 2001
From: Gilad Gray <ggray@palantir.com>
Date: Thu, 3 May 2018 15:31:00 -0700
Subject: [PATCH] fix docs width due to code blocks

---
 packages/docs-theme/src/styles/_layout.scss    | 9 +++++----
 packages/docs-theme/src/styles/_variables.scss | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/docs-theme/src/styles/_layout.scss b/packages/docs-theme/src/styles/_layout.scss
index d696a0e142..024cfd5d77 100644
--- a/packages/docs-theme/src/styles/_layout.scss
+++ b/packages/docs-theme/src/styles/_layout.scss
@@ -51,7 +51,6 @@ Page layout elements
   flex-basis: $sidebar-width;
   position: relative;
   z-index: $pt-z-index-content;
-  margin-left: $sidebar-padding * 2;
 }
 
 .docs-nav {
@@ -68,7 +67,7 @@ Page layout elements
   // these rules allow the nav background-color to cover all area to the left
   // stylelint-disable-next-line order/properties-order
   margin-left: -$background-shift;
-  padding-left: $background-shift;
+  padding-left: $background-shift + $container-padding;
 
   .#{$ns}-dark & {
     box-shadow: 1px 0 0 $pt-dark-divider-black;
@@ -86,7 +85,6 @@ Page layout elements
   align-items: flex-start;
   outline: none;
   background-color: $content-background-color;
-  padding-right: $sidebar-padding * 2;
 
   .#{$ns}-dark & {
     background-color: $dark-content-background-color;
@@ -95,7 +93,10 @@ Page layout elements
 
 .docs-page {
   max-width: $content-width;
-  padding: 0 0 $content-padding * 2 $content-padding * 2;
+  padding-top: 0;
+  padding-right: $container-padding;
+  padding-bottom: $content-padding * 2;
+  padding-left: $content-padding * 2;
 }
 
 /*
diff --git a/packages/docs-theme/src/styles/_variables.scss b/packages/docs-theme/src/styles/_variables.scss
index a74239f119..b53be991b5 100644
--- a/packages/docs-theme/src/styles/_variables.scss
+++ b/packages/docs-theme/src/styles/_variables.scss
@@ -5,6 +5,7 @@
 @import "~@blueprintjs/core/src/common/mixins";
 
 $container-width: $pt-grid-size * 110;
+$container-padding: $pt-grid-size / 2;
 
 $sidebar-width: $pt-grid-size * 27;
 $sidebar-padding: $pt-grid-size * 1.5;