From e36a0086f7a3968b29136a8679d06d93e47e8b66 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 1 Aug 2023 11:15:22 +0530
Subject: [PATCH] fix: pixel perfect header

---
 frontend/src/components/LayoutHeader.vue | 4 ++--
 frontend/src/pages/Lead.vue              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/LayoutHeader.vue b/frontend/src/components/LayoutHeader.vue
index 7e2282e3..4401b21e 100644
--- a/frontend/src/components/LayoutHeader.vue
+++ b/frontend/src/components/LayoutHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="header" class="flex justify-between items-center px-5 py-4">
+  <div id="header" class="flex justify-between items-center px-5 py-3">
     <div class="flex items-center gap-2">
       <slot name="left-header" />
     </div>
@@ -10,7 +10,7 @@
   <div
     v-if="$slots['left-subheader'] || $slots['right-subheader']"
     id="sub-header"
-    class="flex justify-between items-center px-5 pb-3 border-b"
+    class="flex justify-between items-center px-5 pb-2.5 border-b"
   >
     <div class="flex items-center gap-2">
       <slot name="left-subheader" />
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 0a8548a4..3852867e 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -64,7 +64,7 @@
         v-slot="{ selected }"
       >
         <button
-          class="flex items-center gap-2 py-2 -mb-[1px] text-gray-600 border-b border-transparent hover:text-gray-900 hover:border-gray-400 transition-all duration-300 ease-in-out"
+          class="flex items-center gap-2 py-[7px] -mb-[1px] text-base text-gray-600 border-b border-transparent hover:text-gray-900 hover:border-gray-400 transition-all duration-300 ease-in-out"
           :class="{ 'text-gray-900': selected }"
         >
           <component v-if="tab.icon" :is="tab.icon" class="h-5" />