From 9aea9bc68347b0762fef2cb14f92b98b27c21bfc Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Wed, 10 Aug 2016 15:29:49 +0300
Subject: [PATCH] Fix API descriptioin width on mobile

---
 lib/components/ApiInfo/api-info.scss         | 4 ++++
 lib/components/Method/method.scss            | 2 +-
 lib/components/MethodsList/methods-list.scss | 2 +-
 lib/components/Redoc/redoc.scss              | 2 +-
 lib/shared/styles/_variables.scss            | 1 +
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/lib/components/ApiInfo/api-info.scss b/lib/components/ApiInfo/api-info.scss
index 5ec113ef..67d64281 100644
--- a/lib/components/ApiInfo/api-info.scss
+++ b/lib/components/ApiInfo/api-info.scss
@@ -8,6 +8,10 @@
   width: 60%;
   padding: 40px;
   box-sizing: border-box;
+
+  @media (max-width: $right-panel-squash-breakpoint) {
+    width: 100%;
+  }
 }
 
 a.openapi-button {
diff --git a/lib/components/Method/method.scss b/lib/components/Method/method.scss
index 79b77d57..2fcadd4b 100644
--- a/lib/components/Method/method.scss
+++ b/lib/components/Method/method.scss
@@ -142,7 +142,7 @@ responses-samples {
   cursor: pointer;
 }
 
-@media (max-width: 1100px) {
+@media (max-width: $right-panel-squash-breakpoint) {
   .methods:before {
     display: none;
   }
diff --git a/lib/components/MethodsList/methods-list.scss b/lib/components/MethodsList/methods-list.scss
index deb9b93b..4a5cbf3b 100644
--- a/lib/components/MethodsList/methods-list.scss
+++ b/lib/components/MethodsList/methods-list.scss
@@ -6,7 +6,7 @@
   background-color: white;
   width: 60%;
 
-  @media (max-width: 1100px) {
+  @media (max-width: $right-panel-squash-breakpoint) {
     width: 100%;
   }
 }
diff --git a/lib/components/Redoc/redoc.scss b/lib/components/Redoc/redoc.scss
index 81a4d966..50320a81 100644
--- a/lib/components/Redoc/redoc.scss
+++ b/lib/components/Redoc/redoc.scss
@@ -94,7 +94,7 @@ api-logo {
 }
 
 
-@media (max-width: 1100px) {
+@media (max-width: $right-panel-squash-breakpoint) {
   #api-content:before {
     display: none;
   }
diff --git a/lib/shared/styles/_variables.scss b/lib/shared/styles/_variables.scss
index f38caf2e..4a87b835 100644
--- a/lib/shared/styles/_variables.scss
+++ b/lib/shared/styles/_variables.scss
@@ -57,6 +57,7 @@ $sample-panel-color: lighten($black, 80%);
 $tree-lines-color: rgba($primary-color, .5);
 
 $side-menu-mobile-breakpoint: 1000px;
+$right-panel-squash-breakpoint: 1100px;
 
 // Border Radius
 // ---------------------------