From b522ae9e051bda578bdd46c660a39bb1d4994f02 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Wed, 13 Dec 2023 10:17:22 +0530
Subject: [PATCH] fix: shortcut key size

---
 packages/hoppscotch-common/assets/scss/styles.scss   | 7 ++++---
 packages/hoppscotch-sh-admin/assets/scss/styles.scss | 7 ++++---
 packages/hoppscotch-ui/src/assets/scss/histoire.scss | 7 ++++---
 packages/hoppscotch-ui/src/components/smart/Item.vue | 2 +-
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss
index 4a5218483..ed8a09bb5 100644
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -517,9 +517,10 @@ pre.ace_editor {
   @apply bg-dividerLight;
   @apply rounded;
   @apply ml-2;
-  @apply px-1;
-  @apply min-w-[1.25rem];
-  @apply min-h-[1.25rem];
+  @apply px-0.5;
+  @apply min-w-[1rem];
+  @apply min-h-[1rem];
+  @apply leading-none;
   @apply items-center;
   @apply justify-center;
   @apply border border-dividerDark;
diff --git a/packages/hoppscotch-sh-admin/assets/scss/styles.scss b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
index ba6365469..baaca34f6 100644
--- a/packages/hoppscotch-sh-admin/assets/scss/styles.scss
+++ b/packages/hoppscotch-sh-admin/assets/scss/styles.scss
@@ -582,9 +582,10 @@ pre.ace_editor {
   @apply bg-dividerLight;
   @apply rounded;
   @apply ml-2;
-  @apply px-1;
-  @apply min-w-[1.25rem];
-  @apply min-h-[1.25rem];
+  @apply px-0.5;
+  @apply min-w-[1rem];
+  @apply min-h-[1rem];
+  @apply leading-none;
   @apply items-center;
   @apply justify-center;
   @apply border border-dividerDark;
diff --git a/packages/hoppscotch-ui/src/assets/scss/histoire.scss b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
index d7cf6e2da..41462524a 100644
--- a/packages/hoppscotch-ui/src/assets/scss/histoire.scss
+++ b/packages/hoppscotch-ui/src/assets/scss/histoire.scss
@@ -572,9 +572,10 @@ pre.ace_editor {
   @apply bg-dividerLight;
   @apply rounded;
   @apply ml-2;
-  @apply px-1;
-  @apply min-w-[1.25rem];
-  @apply min-h-[1.25rem];
+  @apply px-0.5;
+  @apply min-w-[1rem];
+  @apply min-h-[1rem];
+  @apply leading-none;
   @apply items-center;
   @apply justify-center;
   @apply border border-dividerDark;
diff --git a/packages/hoppscotch-ui/src/components/smart/Item.vue b/packages/hoppscotch-ui/src/components/smart/Item.vue
index 5f78da737..6ac1c64b0 100644
--- a/packages/hoppscotch-ui/src/components/smart/Item.vue
+++ b/packages/hoppscotch-ui/src/components/smart/Item.vue
@@ -51,7 +51,7 @@
       class="items-center self-center ml-6 -mr-2 svg-icons"
       :class="{ 'text-accent': activeInfoIcon }"
     />
-    <div v-if="shortcut.length" class="ml-4 <sm:hidden font-medium">
+    <div v-if="shortcut.length" class="ml-4 inline-flex <sm:hidden font-medium">
       <kbd
         v-for="(key, index) in shortcut"
         :key="`key-${index}`"