Minor tweaks

app/containers/App.js

@@ -81,6 +81,8 @@ class App extends Component {
               <div>
                 <KeyValueEditor
                   className="pad"
+                  namePlaceholder="name"
+                  valuePlaceholder="value"
                   uniquenessKey={activeRequest._id}
                   pairs={activeRequest.params}
                   onChange={params => {db.update(activeRequest, {params})}}
@@ -100,6 +102,8 @@ class App extends Component {
               <div>
                 <KeyValueEditor
                   className="pad"
+                  namePlaceholder="My-Header"
+                  valuePlaceholder="Value"
                   uniquenessKey={activeRequest._id}
                   pairs={activeRequest.headers}
                   onChange={headers => {db.update(activeRequest, {headers})}}

app/css/components/forms.scss

@@ -23,14 +23,14 @@
 
     textarea,
     input {
-      border: 1px solid $hl-lg;
+      border: 1px solid $hl-md;
       padding: $padding-sm;
       border-radius: $radius-md;
     }
 
     textarea,
     input:focus {
-      border-color: $hl-xxl;
+      border-color: $hl-xl;
     }
   }
 

app/css/components/tabs.scss

@@ -31,6 +31,10 @@ $border-color: $hl-sm;
       border-left-color: transparent;
     }
 
+    &:focus {
+      outline: 0;
+    }
+
     button {
       color: $hl;
       position: relative;

app/css/layout/base.scss

@@ -40,6 +40,10 @@ hr {
   margin: $padding-md 0;
 }
 
+.monospace {
+  font-family: monospace;
+}
+
 .text-center {
   text-align: center;
 }