From dee62c2a2501936e479218d38c1201ac0483e4de Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Wed, 9 Mar 2022 11:28:15 +0530
Subject: [PATCH] refactor: improve ui consistency

---
 packages/hoppscotch-app/components/environments/index.vue | 2 +-
 packages/hoppscotch-app/components/graphql/Response.vue   | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/hoppscotch-app/components/environments/index.vue b/packages/hoppscotch-app/components/environments/index.vue
index ba3e52c53..5f92a5dd1 100644
--- a/packages/hoppscotch-app/components/environments/index.vue
+++ b/packages/hoppscotch-app/components/environments/index.vue
@@ -32,7 +32,7 @@
               }
             "
           />
-          <hr />
+          <hr v-if="environments.length > 0" />
           <SmartItem
             v-for="(gen, index) in environments"
             :key="`gen-${index}`"
diff --git a/packages/hoppscotch-app/components/graphql/Response.vue b/packages/hoppscotch-app/components/graphql/Response.vue
index daeda6bb6..c2b7425fc 100644
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -1,8 +1,10 @@
 <template>
-  <div class="flex flex-col overflow-auto hide-scrollbar whitespace-nowrap">
+  <div
+    class="flex flex-col flex-1 overflow-auto hide-scrollbar whitespace-nowrap"
+  >
     <div
       v-if="responseString === 'loading'"
-      class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <SmartSpinner class="my-4" />
       <span class="text-secondaryLight">{{ t("state.loading") }}</span>
@@ -42,7 +44,7 @@
     </div>
     <div
       v-else
-      class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <div class="flex pb-4 my-4 space-x-2">
         <div class="flex flex-col items-end text-right space-y-4">