From 58e4b43a1f57adf400a4ad39372e05572a9cd386 Mon Sep 17 00:00:00 2001
From: Kyle Knight <kyle@kolide.co>
Date: Wed, 25 Jan 2017 08:35:59 -0600
Subject: [PATCH] Fix sidebar responsive gap (#1092)

---
 .../side_panels/SecondarySidePanelContainer/_styles.scss        | 2 +-
 frontend/styles/global/_global.scss                             | 2 +-
 frontend/styles/var/_global.scss                                | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss b/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
index 72de56b569..0aa615ba33 100644
--- a/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
+++ b/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
@@ -14,6 +14,6 @@
   padding-top: $pad-base;
 
   @include breakpoint(smalldesk) {
-    width: 300px;
+    width: $sidepanel-tablet-width;
   }
 }
diff --git a/frontend/styles/global/_global.scss b/frontend/styles/global/_global.scss
index ad6fe972d7..3d99f062a7 100644
--- a/frontend/styles/global/_global.scss
+++ b/frontend/styles/global/_global.scss
@@ -77,7 +77,7 @@ a {
     max-width: calc(100vw - #{$nav-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-width});
 
     @include breakpoint(smalldesk) {
-      max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-width});
+      max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-tablet-width});
     }
   }
 }
diff --git a/frontend/styles/var/_global.scss b/frontend/styles/var/_global.scss
index 1bd81b000f..1bed5e8acb 100644
--- a/frontend/styles/var/_global.scss
+++ b/frontend/styles/var/_global.scss
@@ -4,3 +4,4 @@ $nav-width: 240px;
 $nav-tablet-width: 55px;
 $base-font-size: 16;
 $sidepanel-width: 320px;
+$sidepanel-tablet-width: 300px;