From f64d4180a6d327aa3966a29e660049640a4dd6a5 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Wed, 20 Jan 2016 18:02:13 +0200
Subject: [PATCH] Basic responsiveness

---
 lib/components/Method/method.scss            | 25 ++++++++++++++++++++
 lib/components/MethodsList/methods-list.scss | 12 +++++-----
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/lib/components/Method/method.scss b/lib/components/Method/method.scss
index ac890e96..2dcc7fa7 100644
--- a/lib/components/Method/method.scss
+++ b/lib/components/Method/method.scss
@@ -1,6 +1,12 @@
 @import '../../common/styles/variables';
 @import '../../common/styles/share-link';
 
+:host {
+  padding-bottom: 100px;
+  display: block;
+  border-bottom: 2px solid rgba(127, 127, 127, 0.25);
+}
+
 responses-list, params-list {
   display: block;
 }
@@ -71,6 +77,7 @@ responses-list, params-list {
   color: $sample-panel-color;
   width: 40%;
   padding: 10px 20px;
+  background: $samples-panel-bg-color;
 }
 
 responses-samples {
@@ -128,3 +135,21 @@ responses-samples {
 .http-method.head {
   background-color: darkkhaki;
 }
+
+@media (max-width: 1100px) {
+  .methods:before {
+    display: none;
+  }
+
+  .method-samples, .method-content  {
+    width: 100%;
+  }
+
+  .method-samples {
+    margin-top: 2em;
+  }
+
+  :host {
+    padding-bottom: 0;
+  }
+}
diff --git a/lib/components/MethodsList/methods-list.scss b/lib/components/MethodsList/methods-list.scss
index fcd6ffde..8bbc0fcb 100644
--- a/lib/components/MethodsList/methods-list.scss
+++ b/lib/components/MethodsList/methods-list.scss
@@ -1,12 +1,6 @@
 @import '../../common/styles/variables';
 @import '../../common/styles/share-link';
 
-method {
-  padding-bottom: 100px;
-  display: block;
-  border-bottom: 2px solid rgba(127, 127, 127, 0.25);
-}
-
 .tag-info {
   padding: 0 20px;
   box-sizing: border-box;
@@ -39,3 +33,9 @@ method {
   position: absolute;
   z-index: -1;
 }
+
+@media (max-width: 1100px) {
+  .methods:before {
+    display: none;
+  }
+}