From e90a72a5f11277f101d22fbcba4f6730bfb0cdc5 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sun, 17 Apr 2016 22:58:58 -0700
Subject: [PATCH] Minor tweaks

---
 app/containers/App.js         | 4 ++++
 app/css/components/forms.scss | 4 ++--
 app/css/components/tabs.scss  | 4 ++++
 app/css/layout/base.scss      | 4 ++++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/containers/App.js b/app/containers/App.js
index 6705e45da6..a73a3bd868 100644
--- a/app/containers/App.js
+++ b/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})}}
diff --git a/app/css/components/forms.scss b/app/css/components/forms.scss
index 47caf21d41..84c6aa78b5 100644
--- a/app/css/components/forms.scss
+++ b/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;
     }
   }
 
diff --git a/app/css/components/tabs.scss b/app/css/components/tabs.scss
index 20b25a9f36..0f3efcee11 100644
--- a/app/css/components/tabs.scss
+++ b/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;
diff --git a/app/css/layout/base.scss b/app/css/layout/base.scss
index 5584211c4b..e202d427e1 100644
--- a/app/css/layout/base.scss
+++ b/app/css/layout/base.scss
@@ -40,6 +40,10 @@ hr {
   margin: $padding-md 0;
 }
 
+.monospace {
+  font-family: monospace;
+}
+
 .text-center {
   text-align: center;
 }