Added rigth panel

demo/main.css

@@ -7,10 +7,14 @@ body {
 
 side-menu, redoc {
   display: block;
-  padding: 10px 20px;
   box-sizing: border-box;
 }
 
+api-info, side-menu {
+  display: block;
+  padding: 10px 20px;
+}
+
 side-menu {
   position: fixed;
   width: 260px;

lib/components/Method/method.css

@@ -17,6 +17,21 @@ h3 > span {
   vertical-align: middle;
 }
 
+.content, .samples {
+  display: block;
+  box-sizing: border-box;
+  width: 50%;
+  float: left;
+  padding: 0 20px;
+}
+
+
+.method:after {
+  content: "";
+  display: table;
+  clear:both;
+}
+
 .method-description {
   padding: 30px 0;
 }

lib/components/Method/method.html

@@ -1,12 +1,19 @@
-<h2>{{data.methodInfo.summary}}</h2>
-<h3>
-  <span class="http-method" [ng-class]="data.method">{{data.method}}</span>
-  <span class="path">{{data.path}}</span>
-</h3>
-<p *ng-if="data.methodInfo.description" class="method-description">
-  {{data.methodInfo.description}}
-</p>
-<br>
-<params-list pointer="{{pointer}}/parameters"> </params-list>
-<br>
-<responses-list pointer="{{pointer}}/responses"> </responses-list>
+<div class="method">
+  <div class="content">
+    <h2>{{data.methodInfo.summary}}</h2>
+    <h3>
+      <span class="http-method" [ng-class]="data.method">{{data.method}}</span>
+      <span class="path">{{data.path}}</span>
+    </h3>
+    <p *ng-if="data.methodInfo.description" class="method-description">
+      {{data.methodInfo.description}}
+    </p>
+    <br>
+    <params-list pointer="{{pointer}}/parameters"> </params-list>
+    <br>
+    <responses-list pointer="{{pointer}}/responses"> </responses-list>
+  </div>
+  <div class="samples">
+
+  </div>
+<div>

lib/components/MethodsList/methods-list.css

@@ -1,5 +1,21 @@
 method {
   padding-bottom: 100px;
   display: block;
-  border-bottom: 1px solid silver;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.methods {
+  display: block;
+  position: relative;;
+}
+
+.methods:before {
+  content: "";
+  background: rgb(59, 59, 105);
+  height: 100%;
+  width: 50%;
+  top: 0;
+  right: 0;
+  position: absolute;
+  z-index: -1;
 }

lib/components/MethodsList/methods-list.html

@@ -1,4 +1,4 @@
-<div *ng-for="#method of data.methods">
-  <method [pointer]="method.pointer" [attr.pointer]="method.pointer"
+<div class="methods">
+  <method *ng-for="#method of data.methods" [pointer]="method.pointer" [attr.pointer]="method.pointer"
   [attr.tag]="method.tag"></method>
 </div>