From f9fbe08f3209a0a50acef1655b558da4c8c6394d Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Thu, 3 Feb 2022 08:11:41 +0530
Subject: [PATCH] refactor: improve ui consistency

---
 .../components/http/Authorization.vue              | 14 +++++++-------
 .../components/http/OAuth2Authorization.vue        | 10 +++++-----
 .../components/http/PreRequestScript.vue           |  2 +-
 packages/hoppscotch-app/components/http/Tests.vue  |  2 +-
 .../components/realtime/Socketio.vue               |  4 ++--
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/hoppscotch-app/components/http/Authorization.vue b/packages/hoppscotch-app/components/http/Authorization.vue
index e8e55f983..c528c949e 100644
--- a/packages/hoppscotch-app/components/http/Authorization.vue
+++ b/packages/hoppscotch-app/components/http/Authorization.vue
@@ -151,17 +151,17 @@
         class="mb-4"
       />
     </div>
-    <div v-else class="flex border-b border-dividerLight">
+    <div v-else class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
         <div v-if="authType === 'basic'">
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="basicUsername"
               :placeholder="$t('authorization.username')"
               styles="bg-transparent flex flex-1 py-1 px-4"
             />
           </div>
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="basicPassword"
               :placeholder="$t('authorization.password')"
@@ -170,7 +170,7 @@
           </div>
         </div>
         <div v-if="authType === 'bearer'">
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="bearerToken"
               placeholder="Token"
@@ -179,7 +179,7 @@
           </div>
         </div>
         <div v-if="authType === 'oauth-2'">
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="oauth2Token"
               placeholder="Token"
@@ -189,14 +189,14 @@
           <HttpOAuth2Authorization />
         </div>
         <div v-if="authType === 'api-key'">
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="apiKey"
               placeholder="Key"
               styles="bg-transparent flex flex-1 py-1 px-4"
             />
           </div>
-          <div class="flex border-b border-dividerLight">
+          <div class="flex flex-1 border-b border-dividerLight">
             <SmartEnvInput
               v-model="apiValue"
               placeholder="Value"
diff --git a/packages/hoppscotch-app/components/http/OAuth2Authorization.vue b/packages/hoppscotch-app/components/http/OAuth2Authorization.vue
index 8a33681ea..1396ecb7d 100644
--- a/packages/hoppscotch-app/components/http/OAuth2Authorization.vue
+++ b/packages/hoppscotch-app/components/http/OAuth2Authorization.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col">
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <input
         id="oidcDiscoveryURL"
         v-model="oidcDiscoveryURL"
@@ -9,7 +9,7 @@
         name="oidcDiscoveryURL"
       />
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <input
         id="authURL"
         v-model="authURL"
@@ -18,7 +18,7 @@
         name="authURL"
       />
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <input
         id="accessTokenURL"
         v-model="accessTokenURL"
@@ -27,7 +27,7 @@
         name="accessTokenURL"
       />
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <input
         id="clientID"
         v-model="clientID"
@@ -36,7 +36,7 @@
         name="clientID"
       />
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <input
         id="scope"
         v-model="scope"
diff --git a/packages/hoppscotch-app/components/http/PreRequestScript.vue b/packages/hoppscotch-app/components/http/PreRequestScript.vue
index d62f1bad0..8ed475940 100644
--- a/packages/hoppscotch-app/components/http/PreRequestScript.vue
+++ b/packages/hoppscotch-app/components/http/PreRequestScript.vue
@@ -29,7 +29,7 @@
         />
       </div>
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
         <div ref="preRrequestEditor" class="h-full"></div>
       </div>
diff --git a/packages/hoppscotch-app/components/http/Tests.vue b/packages/hoppscotch-app/components/http/Tests.vue
index a04f71845..b0b695128 100644
--- a/packages/hoppscotch-app/components/http/Tests.vue
+++ b/packages/hoppscotch-app/components/http/Tests.vue
@@ -29,7 +29,7 @@
         />
       </div>
     </div>
-    <div class="flex border-b border-dividerLight">
+    <div class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
         <div ref="testScriptEditor" class="h-full"></div>
       </div>
diff --git a/packages/hoppscotch-app/components/realtime/Socketio.vue b/packages/hoppscotch-app/components/realtime/Socketio.vue
index 71a9831d9..147ef0968 100644
--- a/packages/hoppscotch-app/components/realtime/Socketio.vue
+++ b/packages/hoppscotch-app/components/realtime/Socketio.vue
@@ -189,10 +189,10 @@
           </div>
           <div
             v-if="authType === 'Bearer'"
-            class="flex border-b border-dividerLight"
+            class="flex flex-1 border-b border-dividerLight"
           >
             <div class="w-2/3 border-r border-dividerLight">
-              <div class="flex border-b border-dividerLight">
+              <div class="flex flex-1 border-b border-dividerLight">
                 <SmartEnvInput
                   v-model="bearerToken"
                   placeholder="Token"