From d57e4658061a1e003f25dc3302309e083af0e200 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Sat, 20 Nov 2021 08:28:38 +0530
Subject: [PATCH] fix: minor ui improvements

---
 .../components/http/ResponseMeta.vue              | 15 ++++++++++++++-
 .../components/http/TestResultEntry.vue           |  5 +----
 .../helpers/editor/themes/baseTheme.ts            |  2 ++
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/hoppscotch-app/components/http/ResponseMeta.vue b/packages/hoppscotch-app/components/http/ResponseMeta.vue
index 4229eacb4..ba8f9da17 100644
--- a/packages/hoppscotch-app/components/http/ResponseMeta.vue
+++ b/packages/hoppscotch-app/components/http/ResponseMeta.vue
@@ -1,5 +1,18 @@
 <template>
-  <div class="bg-primary flex p-4 top-0 z-10 sticky items-center">
+  <div
+    class="
+      bg-primary
+      flex
+      p-4
+      top-0
+      z-10
+      sticky
+      items-center
+      overflow-auto
+      hide-scrollbar
+      whitespace-nowrap
+    "
+  >
     <div
       v-if="response == null"
       class="
diff --git a/packages/hoppscotch-app/components/http/TestResultEntry.vue b/packages/hoppscotch-app/components/http/TestResultEntry.vue
index 6ba05e4ea..ff3e78703 100644
--- a/packages/hoppscotch-app/components/http/TestResultEntry.vue
+++ b/packages/hoppscotch-app/components/http/TestResultEntry.vue
@@ -28,7 +28,7 @@
         <span class="text-secondaryLight">
           {{
             ` \xA0 — \xA0 ${
-              result.status === "pass" ? t("test.passed") : t("test.failed")
+              result.status === "pass" ? $t("test.passed") : $t("test.failed")
             }`
           }}
         </span>
@@ -40,9 +40,6 @@
 <script setup lang="ts">
 import { PropType } from "@nuxtjs/composition-api"
 import { HoppTestResult } from "~/helpers/types/HoppTestResult"
-import { useI18n } from "~/helpers/utils/composables"
-
-const t = useI18n()
 
 defineProps({
   testResults: {
diff --git a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
index 52a15e167..3303df7d8 100644
--- a/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
+++ b/packages/hoppscotch-app/helpers/editor/themes/baseTheme.ts
@@ -94,9 +94,11 @@ export const baseTheme = EditorView.theme({
   ".cm-activeLine": { backgroundColor: "transparent" },
   ".cm-searchMatch": {
     outline: "1px solid var(--accent-dark-color)",
+    backgroundColor: "var(--divider-dark-color)",
   },
   ".cm-selectionMatch": {
     outline: "1px solid var(--accent-dark-color)",
+    backgroundColor: "var(--divider-light-color)",
   },
   ".cm-matchingBracket, .cm-nonmatchingBracket": {
     backgroundColor: "var(--divider-color)",