From aeb9cb1d1ce99b75917ad851f1e64e2bb75cc5f8 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 3 Aug 2022 01:16:43 +0300
Subject: [PATCH] remove padding x from context menu

---
 src/components/contextMenu.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/contextMenu.vue b/src/components/contextMenu.vue
index 7797d1ff..f979b625 100644
--- a/src/components/contextMenu.vue
+++ b/src/components/contextMenu.vue
@@ -1,5 +1,4 @@
 <template>
-  <!-- v-show="context.visible" -->
   <div
     class="context-menu rounded shadow-lg"
     :class="[
@@ -60,7 +59,7 @@ const context = useContextStore();
   z-index: 10000 !important;
   transform: scale(0);
 
-  padding: $small;
+  padding: $small 0;
   background: $context;
   transform-origin: top left;
   font-size: 0.875rem;
@@ -71,7 +70,6 @@ const context = useContextStore();
     align-items: center;
     cursor: default;
     padding: $small;
-    border-radius: $small;
     position: relative;
     text-transform: capitalize;
 
@@ -90,7 +88,7 @@ const context = useContextStore();
       top: -0.5rem;
       max-height: 23.5rem;
 
-      padding: $small !important;
+      padding: $small 0 !important;
       background-color: $context;
       transform: scale(0);
       transform-origin: top left;
@@ -180,7 +178,6 @@ const context = useContextStore();
 
 .context-many-kids {
   .context-item > .children {
-    // top: -0.5rem;
     overflow-y: auto;
   }
 }