Small stuff

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...'

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;
-  }
 }

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;

app/css/layout/base.scss

@@ -101,7 +101,7 @@ i.fa {
 
 .section:not(:last-child) {
   .section__header {
-
+    border-right: 1px solid #eee;
   }
 
   .section__body {

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