From 95639b07f69305c5a97322c077f410f57277213a Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 20 Sep 2023 18:08:38 +0530
Subject: [PATCH] fix: header with border bottom

---
 frontend/src/components/AppHeader.vue    | 2 +-
 frontend/src/components/CallUI.vue       | 2 +-
 frontend/src/components/LayoutHeader.vue | 2 +-
 frontend/src/pages/Deals.vue             | 2 +-
 frontend/src/pages/Leads.vue             | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/AppHeader.vue b/frontend/src/components/AppHeader.vue
index 67d69046..00a04369 100644
--- a/frontend/src/components/AppHeader.vue
+++ b/frontend/src/components/AppHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex">
+  <div class="flex border-b pr-5">
     <div id="app-header" class="flex-1"></div>
     <div class="flex items-center justify-center">
       <CallUI />
diff --git a/frontend/src/components/CallUI.vue b/frontend/src/components/CallUI.vue
index 777eb890..92f4ae87 100644
--- a/frontend/src/components/CallUI.vue
+++ b/frontend/src/components/CallUI.vue
@@ -107,7 +107,7 @@
   </div>
   <div
     v-show="showSmallCallWindow"
-    class="flex items-center justify-between gap-3 bg-gray-900 text-base text-gray-300 -ml-3 mr-2 px-2 py-[7px] rounded-lg cursor-pointer select-none"
+    class="flex items-center justify-between gap-3 bg-gray-900 text-base text-gray-300 ml-2 px-2 py-[7px] rounded-lg cursor-pointer select-none"
     @click="toggleCallWindow"
   >
     <div class="flex items-center gap-2">
diff --git a/frontend/src/components/LayoutHeader.vue b/frontend/src/components/LayoutHeader.vue
index d916dbe8..7a52cd39 100644
--- a/frontend/src/components/LayoutHeader.vue
+++ b/frontend/src/components/LayoutHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <Teleport to="#app-header" v-if="showHeader">
-    <header class="flex justify-between items-center px-5 py-3">
+    <header class="flex justify-between items-center pl-5 py-2.5 h-12">
       <div class="flex items-center gap-2">
         <slot name="left-header" />
       </div>
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 5cb928fb..8b26c3ad 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -9,7 +9,7 @@
       </Button>
     </template>
   </LayoutHeader>
-  <div class="flex justify-between items-center px-5 pb-2.5 border-b">
+  <div class="flex justify-between items-center px-5 pb-2.5">
     <div class="flex items-center gap-2">
       <Dropdown :options="viewsDropdownOptions">
         <template #default="{ open }">
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index b2e21ee9..55ca8caa 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -9,7 +9,7 @@
       </Button>
     </template>
   </LayoutHeader>
-  <div class="flex justify-between items-center px-5 pb-2.5 border-b">
+  <div class="flex justify-between items-center px-5 pb-2.5">
     <div class="flex items-center gap-2">
       <Dropdown :options="viewsDropdownOptions">
         <template #default="{ open }">