From ca2c01b8ac70a1965f3b7214f94cf3745106e641 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Mon, 14 Mar 2016 22:27:07 +0200
Subject: [PATCH] Make right panel fill all page

---
 lib/components/ApiInfo/api-info.html         | 32 ++++++++--------
 lib/components/ApiInfo/api-info.scss         |  4 ++
 lib/components/MethodsList/methods-list.scss | 18 +--------
 lib/components/Redoc/redoc.scss              | 40 ++++++++++----------
 4 files changed, 43 insertions(+), 51 deletions(-)

diff --git a/lib/components/ApiInfo/api-info.html b/lib/components/ApiInfo/api-info.html
index a2d3033d..05765f17 100644
--- a/lib/components/ApiInfo/api-info.html
+++ b/lib/components/ApiInfo/api-info.html
@@ -1,15 +1,17 @@
-<h1 class="api-info-header">{{data.title}} ({{data.version}})</h1>
-<p *ngIf="data.description" innerHtml="{{data.description | marked}}"> </p>
-<p>
-  <!-- TODO: create separate components for contact and license ? -->
-  <span *ngIf="data.contact"> Contact:
-    <a *ngIf="data.contact.url" href="{{data.contact.url}}">
-      {{data.contact.name || data.contact.url}}</a>
-    <a *ngIf="data.contact.email" href="mailto:{{data.contact.email}}">
-      {{data.contact.email}}</a>
-  </span>
-  <span *ngIf="data.license"> License:
-    <a *ngIf="data.license.url" href="{{data.license.url}}"> {{data.license.name}} </a>
-    <span *ngIf="!data.license.url"> {{data.license.name}} </span>
-  </span>
-</p>
+<div>
+  <h1 class="api-info-header">{{data.title}} ({{data.version}})</h1>
+  <p *ngIf="data.description" innerHtml="{{data.description | marked}}"> </p>
+  <p>
+    <!-- TODO: create separate components for contact and license ? -->
+    <span *ngIf="data.contact"> Contact:
+      <a *ngIf="data.contact.url" href="{{data.contact.url}}">
+        {{data.contact.name || data.contact.url}}</a>
+      <a *ngIf="data.contact.email" href="mailto:{{data.contact.email}}">
+        {{data.contact.email}}</a>
+    </span>
+    <span *ngIf="data.license"> License:
+      <a *ngIf="data.license.url" href="{{data.license.url}}"> {{data.license.name}} </a>
+      <span *ngIf="!data.license.url"> {{data.license.name}} </span>
+    </span>
+  </p>
+</div>
diff --git a/lib/components/ApiInfo/api-info.scss b/lib/components/ApiInfo/api-info.scss
index 805bba8b..406f6725 100644
--- a/lib/components/ApiInfo/api-info.scss
+++ b/lib/components/ApiInfo/api-info.scss
@@ -3,3 +3,7 @@
 .api-info-header {
   font-weight: normal;
 }
+
+> div {
+  width: 60%;
+}
diff --git a/lib/components/MethodsList/methods-list.scss b/lib/components/MethodsList/methods-list.scss
index d81c67ca..72a40189 100644
--- a/lib/components/MethodsList/methods-list.scss
+++ b/lib/components/MethodsList/methods-list.scss
@@ -5,6 +5,7 @@
   padding: 40px;
   box-sizing: border-box;
   background-color: white;
+  width: 60%;
 }
 
 .tag-info:after, .tag-info:before {
@@ -22,20 +23,3 @@
   display: block;
   position: relative;;
 }
-
-.methods:before {
-  content: "";
-  background: $samples-panel-bg-color;
-  height: 100%;
-  width: $samples-panel-width;
-  top: 0;
-  right: 0;
-  position: absolute;
-  z-index: -1;
-}
-
-@media (max-width: 1100px) {
-  .methods:before {
-    display: none;
-  }
-}
diff --git a/lib/components/Redoc/redoc.scss b/lib/components/Redoc/redoc.scss
index 08bb614c..fb88a9d9 100644
--- a/lib/components/Redoc/redoc.scss
+++ b/lib/components/Redoc/redoc.scss
@@ -55,28 +55,30 @@ api-logo {
 }
 
 #api-content {
-    margin-left: $side-bar-width;
-    @media (max-width: $side-menu-mobile-breakpoint) {
-        padding-top: 3em;
-        margin-left: 0;
-    }
+  margin-left: $side-bar-width;
+  position: relative;
+  @media (max-width: $side-menu-mobile-breakpoint) {
+      padding-top: 3em;
+      margin-left: 0;
+  }
 }
 
-#api-content:after {
-    content: "";
-    position: absolute;;
-    left:0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-color: black;
-    opacity: 0.5;
-    transition: all 0.3s ease;
+#api-content:before {
+  content: "";
+  background: $samples-panel-bg-color;
+  height: 100%;
+  width: $samples-panel-width;
+  top: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;
+}
+
+
+@media (max-width: 1100px) {
+  #api-content:before {
     display: none;
-}
-
-#api-content.menu-opened:after {
-    display: block;;
+  }
 }
 
 /* global redoc styles */