From 1250a462743093c752d80dc05ec6020a0d6ddd67 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 29 Oct 2019 13:36:41 +0530
Subject: [PATCH] :zap: Few UI tweaks

---
 README.md                             |  2 +-
 components/collections/collection.vue |  2 +-
 components/collections/folder.vue     |  2 +-
 layouts/default.vue                   |  1 +
 pages/index.vue                       | 66 +++++++++++++--------------
 5 files changed, 37 insertions(+), 36 deletions(-)

diff --git a/README.md b/README.md
index 52526c891..9516058d7 100644
--- a/README.md
+++ b/README.md
@@ -140,7 +140,7 @@ _Export, import and replace collections with JSON files_
 
 _Collections are synced with local session storage_
 
-📁 **Proxy**: Enable Proxy Mode from Settings to access blocked APIs
+🌐 **Proxy**: Enable Proxy Mode from Settings to access blocked APIs
 
 **Features:**
  - Hide your IP address
diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index 08aeb8bef..4bed177f3 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -61,7 +61,7 @@
 
   ul li {
     display: flex;
-    padding-left: 16px;
+    margin-left: 32px;
     border-left: 1px solid var(--brd-color);
   }
 </style>
diff --git a/components/collections/folder.vue b/components/collections/folder.vue
index 4deb99575..d11505d5e 100644
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -46,7 +46,7 @@
 
   ul li {
     display: flex;
-    padding-left: 16px;
+    margin-left: 32px;
     border-left: 1px solid var(--brd-color);
   }
 </style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 61e5ce44d..6218ae256 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -223,6 +223,7 @@
           "--act-color",
           vibrant ? "rgb(37, 38, 40)" : "#ffffff"
         );
+        document.querySelector('meta[name=theme-color]').setAttribute('content', this.$store.state.postwoman.settings.THEME_TAB_COLOR || "#252628")
       })();
     },
 
diff --git a/pages/index.vue b/pages/index.vue
index be5499d9f..f6d268a39 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -130,22 +130,22 @@
           </ul>
           <ul v-for="(param, index) in bodyParams" :key="index">
             <li>
-              <input 
-                :placeholder="'key '+(index+1)" 
-                :name="'bparam'+index" 
-                :value="param.key" 
-                @change="$store.commit('setKeyBodyParams', { index, value: $event.target.value })" 
-                @keyup.prevent="setRouteQueryState" 
+              <input
+                :placeholder="'key '+(index+1)"
+                :name="'bparam'+index"
+                :value="param.key"
+                @change="$store.commit('setKeyBodyParams', { index, value: $event.target.value })"
+                @keyup.prevent="setRouteQueryState"
                 autofocus
               />
             </li>
             <li>
-              <input 
-                :placeholder="'value '+(index+1)" 
-                :id="'bvalue'+index" 
-                :name="'bvalue'+index" 
-                :value="param.value" 
-                @change="$store.commit('setValueBodyParams', { index, value: $event.target.value })" 
+              <input
+                :placeholder="'value '+(index+1)"
+                :id="'bvalue'+index"
+                :name="'bvalue'+index"
+                :value="param.value"
+                @change="$store.commit('setValueBodyParams', { index, value: $event.target.value })"
                 @keyup.prevent="setRouteQueryState"
               />
             </li>
@@ -357,21 +357,21 @@
           </ul>
           <ul v-for="(header, index) in headers" :key="index">
             <li>
-              <input 
-                :placeholder="'header '+(index+1)" 
-                :name="'header'+index" 
-                :value="header.key" 
-                @change="$store.commit('setKeyHeader', { index, value: $event.target.value })" 
-                @keyup.prevent="setRouteQueryState" 
+              <input
+                :placeholder="'header '+(index+1)"
+                :name="'header'+index"
+                :value="header.key"
+                @change="$store.commit('setKeyHeader', { index, value: $event.target.value })"
+                @keyup.prevent="setRouteQueryState"
                 autofocus
               />
             </li>
             <li>
-              <input 
-                :placeholder="'value '+(index+1)" 
-                :name="'value'+index" 
-                :value="header.value" 
-                @change="$store.commit('setValueHeader', { index, value: $event.target.value })"  
+              <input
+                :placeholder="'value '+(index+1)"
+                :name="'value'+index"
+                :value="header.value"
+                @change="$store.commit('setValueHeader', { index, value: $event.target.value })"
                 @keyup.prevent="setRouteQueryState"
               />
             </li>
@@ -420,19 +420,19 @@
           </ul>
           <ul v-for="(param, index) in params" :key="index">
             <li>
-              <input 
-                :placeholder="'parameter '+(index+1)" 
-                :name="'param'+index" 
-                :value="param.key" 
-                @change="$store.commit('setKeyParams', { index, value: $event.target.value })" 
+              <input
+                :placeholder="'parameter '+(index+1)"
+                :name="'param'+index"
+                :value="param.key"
+                @change="$store.commit('setKeyParams', { index, value: $event.target.value })"
                 autofocus
               />
             </li>
             <li>
-              <input 
-                :placeholder="'value '+(index+1)" 
-                :name="'value'+index" 
-                :value="param.value" 
+              <input
+                :placeholder="'value '+(index+1)"
+                :name="'value'+index"
+                :value="param.value"
                 @change="$store.commit('setValueParams', { index, value: $event.target.value })"
               />
             </li>
@@ -1572,4 +1572,4 @@ export default {
     );
   }
 };
-</script>
\ No newline at end of file
+</script>