From d67e22e57b4a08c042a05ba312dd965d241b8bed Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 12 Sep 2019 17:42:25 +0530
Subject: [PATCH] :art: minor UI tweaks

---
 .vscode/settings.json  | 3 +++
 assets/css/styles.scss | 5 +++--
 components/history.vue | 2 +-
 pages/index.vue        | 6 +++---
 4 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..df70c21e7
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "deepcode.review.results.hideInformationIssues": false
+}
\ No newline at end of file
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 9a05801fa..844b690b3 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -7,14 +7,15 @@ $responsiveWidth: 720px;
 
 ::-webkit-scrollbar {
   width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, .3);
+  background-color: rgba(0, 0, 0, .5);
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0, 0, 0, .5);
+  background-color: rgba(0, 0, 0, .6);
 }
 
 ::placeholder {
diff --git a/components/history.vue b/components/history.vue
index dae981231..19ab1c127 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -51,7 +51,7 @@
     </ul>
     <ul>
       <li v-if="!isClearingHistory">
-        <button id="clear-history-button" :disabled="history.length === 0" @click="enableHistoryClearing">Clear all</button>
+        <button id="clear-history-button" :disabled="history.length === 0" @click="enableHistoryClearing">Clear All</button>
       </li>
       <li v-else>
         <div class="flex-wrap">
diff --git a/pages/index.vue b/pages/index.vue
index 106585828..2e7a34717 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -141,7 +141,7 @@
         <ol v-for="(param, index) in bodyParams" :key="index">
           <li>
             <label :for="'bparam'+index">Key {{index + 1}}</label>
-            <input :name="'bparam'+index" v-model="param.key" @keyup.prevent="setRouteQueryState">
+            <input :name="'bparam'+index" v-model="param.key" @keyup.prevent="setRouteQueryState" autofocus>
           </li>
           <li>
             <label :for="'bvalue'+index">Value {{index + 1}}</label>
@@ -251,7 +251,7 @@
       <ol v-for="(header, index) in headers" :key="index">
         <li>
           <label :for="'header'+index">Header {{index + 1}}</label>
-          <input :name="'header'+index" v-model="header.key" @keyup.prevent="setRouteQueryState">
+          <input :name="'header'+index" v-model="header.key" @keyup.prevent="setRouteQueryState" autofocus>
         </li>
         <li>
           <label :for="'value'+index">Value {{index + 1}}</label>
@@ -284,7 +284,7 @@
       <ol v-for="(param, index) in params" :key="index">
         <li>
           <label :for="'param'+index">Parameter {{index + 1}}</label>
-          <input :name="'param'+index" v-model="param.key">
+          <input :name="'param'+index" v-model="param.key" autofocus>
         </li>
         <li>
           <label :for="'value'+index">Value {{index + 1}}</label>