From 3cec2e01f5f52e1f767bad9832f162424d472c9b Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 11 Apr 2016 17:39:49 -0700
Subject: [PATCH] Small stuff

---
 app/containers/App.js         |  3 ++-
 app/css/components/tabs.scss  | 10 +---------
 app/css/constants/colors.scss |  2 +-
 app/css/layout/base.scss      |  2 +-
 app/lib/request.js            |  4 +++-
 5 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/app/containers/App.js b/app/containers/App.js
index c51542b08..930b67f57 100644
--- a/app/containers/App.js
+++ b/app/containers/App.js
@@ -82,7 +82,7 @@ class App extends Component {
         <section className="grid__cell section">
           <div className="grid--v wide">
             <header
-              className="grid grid--center header text-center bg-light txt-sm section__header">
+              className="grid grid--center header text-center bg-super-light txt-sm section__header">
               <div className="tag success"><strong>200</strong>&nbsp;SUCCESS</div>
               <div className="tag">TIME&nbsp;<strong>143ms</strong></div>
             </header>
@@ -109,6 +109,7 @@ class App extends Component {
                 <Editor
                   value={activeResponse && activeResponse.body || ''}
                   options={{
+                    lineWrapping: true,
                     mode: 'text/plain',
                     readOnly: true,
                     placeholder: 'nothing yet...'
diff --git a/app/css/components/tabs.scss b/app/css/components/tabs.scss
index 3153315bd..315af8516 100644
--- a/app/css/components/tabs.scss
+++ b/app/css/components/tabs.scss
@@ -2,7 +2,6 @@
 @import '../constants/dimensions';
 
 .ReactTabs {
-  position: relative;
   .ReactTabs__TabList {
     flex-shrink: 0;
     align-items: flex-start;
@@ -23,9 +22,8 @@
       color: inherit;
     }
 
-    &,
     button:hover {
-      background-color: transparent;
+      background: transparent;
     }
   }
 
@@ -34,10 +32,4 @@
     height: 100%;
   }
 
-  .ReactTabs__TabPanel {
-    //position: absolute;
-    //width: 100%;
-    //height: 100%;
-    //border-top: 1px solid $hl-sm;
-  }
 }
diff --git a/app/css/constants/colors.scss b/app/css/constants/colors.scss
index f34acd630..cb1615219 100644
--- a/app/css/constants/colors.scss
+++ b/app/css/constants/colors.scss
@@ -22,7 +22,7 @@ $hl-xl: rgba(140, 140, 140, 0.5);
 $hl-xxl: rgba(140, 140, 140, 0.7);
 $hl: rgba(140, 140, 140, 1);
 
-$success: #91c74e;
+$success: #85b94a;
 $warning: #ffad36;
 $danger: #ff6d59;
 $surprise: #a086ff;
diff --git a/app/css/layout/base.scss b/app/css/layout/base.scss
index 3844bf224..3227668d9 100644
--- a/app/css/layout/base.scss
+++ b/app/css/layout/base.scss
@@ -101,7 +101,7 @@ i.fa {
 
 .section:not(:last-child) {
   .section__header {
-
+    border-right: 1px solid #eee;
   }
 
   .section__body {
diff --git a/app/lib/request.js b/app/lib/request.js
index ff0cf3aca..30dddc6ff 100644
--- a/app/lib/request.js
+++ b/app/lib/request.js
@@ -18,7 +18,9 @@ export default function (request, callback) {
 
   for (let i = 0; i < request.headers.length; i++) {
     let header = request.headers[i];
-    config.headers[header.name] = header.value;
+    if (header.name) {
+      config.headers[header.name] = header.value;
+    }
   }
 
   // SNEAKY HACK: Render nested object by converting it to JSON then rendering