From 974606fb3183919681d41e4c8e8f735acaa2dbe7 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 9 Apr 2016 23:59:05 -0700
Subject: [PATCH] stuff

---
 app/containers/App.js          | 6 +++---
 app/css/components/editor.scss | 7 +++----
 app/css/components/grid.scss   | 2 +-
 app/css/components/tabs.scss   | 9 +++++++++
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/app/containers/App.js b/app/containers/App.js
index 44bc3cf519..2ab280bb7c 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -117,10 +117,10 @@ class App extends Component {
                   }}
                 />
               </TabPanel>
-              <TabPanel className="pad grid__cell">
-                <div className="grid--v grid--start wide">
+              <TabPanel className="grid__cell scrollable">
+                <div className="grid--v grid--start wide pad">
                   {!activeResponse ? null : activeResponse.headers.map((h, i) => (
-                    <div className="grid__cell grid selectable tall" key={i}>
+                    <div className="grid grid__cell grid__cell--no-flex selectable" key={i}>
                       <div className="grid__cell">{h.name}</div>
                       <div className="grid__cell">{h.value}</div>
                     </div>
diff --git a/app/css/components/editor.scss b/app/css/components/editor.scss
index 21da19b6b4..53aa2d9319 100644
--- a/app/css/components/editor.scss
+++ b/app/css/components/editor.scss
@@ -11,13 +11,12 @@
   flex: 1 1 100%;
 
   .editor {
-    position: absolute;
-    width: 100%;
-    height: 100%;
     box-sizing: border-box;
+    position: absolute;
+    height: 100% !important;
+    width: 100%;
 
     .CodeMirror {
-      position: absolute;
       height: 100% !important;
       width: 100%;
       font-family: "Source Code Pro", monospace;
diff --git a/app/css/components/grid.scss b/app/css/components/grid.scss
index e32d714075..22b84da92a 100644
--- a/app/css/components/grid.scss
+++ b/app/css/components/grid.scss
@@ -23,7 +23,7 @@
 
   & > .grid__cell {
     display: flex;
-    flex: 1 1 100%;
+    flex: 1 1 auto;
     box-sizing: border-box;
 
     &.grid__cell--no-flex {
diff --git a/app/css/components/tabs.scss b/app/css/components/tabs.scss
index 2847ef0f94..3153315bdd 100644
--- a/app/css/components/tabs.scss
+++ b/app/css/components/tabs.scss
@@ -2,6 +2,7 @@
 @import '../constants/dimensions';
 
 .ReactTabs {
+  position: relative;
   .ReactTabs__TabList {
     flex-shrink: 0;
     align-items: flex-start;
@@ -28,7 +29,15 @@
     }
   }
 
+  .tab-panel-wrapper {
+    width: 100%;
+    height: 100%;
+  }
+
   .ReactTabs__TabPanel {
+    //position: absolute;
+    //width: 100%;
+    //height: 100%;
     //border-top: 1px solid $hl-sm;
   }
 }