From 296c2e3f6ec8588e06d0dbf12da56a5e945ba6c4 Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Fri, 10 Jun 2022 22:11:30 +0100
Subject: [PATCH] padding fixed

---
 src/views/dashboard/related/log/Header.vue | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index b1858bdc..f9e0a293 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -22,10 +22,10 @@ limitations under the License. -->
           /></el-icon>
         </span>
         <template #dropdown>
-          <el-dropdown-menu class="dropdownSelector">
-            <el-dropdown-item>
+          <el-dropdown-menu id="toggleColumn" class="dropdownSelector">
+            <el-dropdown-item style="padding: 0">
               <div
-                style="width: 100%"
+                style="width: 100%; padding: 5px 16px"
                 class="flex-h items-center justify-between"
                 @click="logStore.toggleAllColumns(true)"
               >
@@ -33,9 +33,9 @@ limitations under the License. -->
                 <span style="margin-right: 10px">Show All</span>
               </div>
             </el-dropdown-item>
-            <el-dropdown-item>
+            <el-dropdown-item style="padding: 0">
               <div
-                style="width: 100%"
+                style="width: 100%; padding: 5px 16px"
                 class="flex-h items-center justify-between"
                 @click="logStore.toggleAllColumns(false)"
               >
@@ -45,6 +45,7 @@ limitations under the License. -->
             </el-dropdown-item>
             <el-divider />
             <el-dropdown-item
+              style="padding: 0"
               v-for="item in logStore.serviceLogColumn"
               :key="item.value"
             >
@@ -620,6 +621,14 @@ watch(
 );
 </script>
 <style lang="scss" scoped>
+#toggleColumn.el-dropdown-menu{
+  padding: 0 !important;
+}
+.el-checkbox.custom-checkbox {
+  display: inline-block;
+  width: 100%;
+  padding: 5px 16px;
+}
 .dropdownSelector {
   background: var(--nice-black);
 }
@@ -629,7 +638,7 @@ watch(
   display: flex;
   align-items: center;
 }
-.el-divider--horizontal{
+.el-divider--horizontal {
   margin: 0 !important;
 }
 .cursor-pointer {