From c682fed52ca24ae9b391233241e34ad2a1a72ed6 Mon Sep 17 00:00:00 2001
From: Ullas <ullasgowda42@gmail.com>
Date: Thu, 4 Jan 2024 23:13:22 +0530
Subject: [PATCH 1/3] fix: add medium z-index to for dropdown of header types
 option to show options appropriately

---
 .../src/lib/components/Common/DropdownButton/DropdownButton.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Common/DropdownButton/DropdownButton.tsx b/frontend/libs/console/legacy-ce/src/lib/components/Common/DropdownButton/DropdownButton.tsx
index a7c6a0b98019b..13556ea736238 100644
--- a/frontend/libs/console/legacy-ce/src/lib/components/Common/DropdownButton/DropdownButton.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/components/Common/DropdownButton/DropdownButton.tsx
@@ -76,6 +76,7 @@ const DDButton: React.FC<DropDownButtonProps> = props => {
                 boxShadow: '0 6px 12px rgb(0 0 0 / 18%);',
                 padding: '5px 0',
                 margin: '2px 0 0',
+                zIndex: 100
               }}
               align="start"
             >

From b0727c508d9a2b4dc6efe777e4279eae0dc7dee2 Mon Sep 17 00:00:00 2001
From: Ullas <ullasgowda42@gmail.com>
Date: Thu, 4 Jan 2024 23:14:43 +0530
Subject: [PATCH 2/3] refactor: improve ui: increase edit header card width to
 occupy 9 out of 12 col, increase input witdh for header key-value attributes

---
 .../src/lib/components/Common/Headers/Headers.module.scss       | 2 +-
 .../Services/Events/EventTriggers/Modify/HeadersEditor.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss b/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss
index 51c9af333a877..d75ffa68311db 100644
--- a/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss
+++ b/frontend/libs/console/legacy-ce/src/lib/components/Common/Headers/Headers.module.scss
@@ -1,5 +1,5 @@
 @import '../Common.module';
 
 .headerInputWidth {
-  width: 300px;
+  width: 320px;
 }
diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
index 9e7bb1f7354da..6d31b60319a03 100644
--- a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
@@ -74,7 +74,7 @@ const HeadersEditor = (props: HeaderEditorProps) => {
   );
 
   return (
-    <div className="mb-lg w-6/12">
+    <div className="mb-lg w-9/12">
       <h2 className="text-lg font-semibold mb-xs flex items-center">Headers</h2>
       <p className="text-sm mb-sm text-gray-600">
         Headers Hasura will send to the webhook with the POST request.

From 9f1bed38336e45c8555989110dd02515b68fe04c Mon Sep 17 00:00:00 2001
From: Ullas <ullasgowda42@gmail.com>
Date: Thu, 4 Jan 2024 23:35:22 +0530
Subject: [PATCH 3/3] fix: add appropriate padding for table-data with respect
 to table-header for existng headers tables

---
 .../Services/Events/EventTriggers/Modify/HeadersEditor.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
index 6d31b60319a03..46abc47e1c098 100644
--- a/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
+++ b/frontend/libs/console/legacy-ce/src/lib/components/Services/Events/EventTriggers/Modify/HeadersEditor.tsx
@@ -47,13 +47,13 @@ const HeadersEditor = (props: HeaderEditorProps) => {
                 .filter(h => !!h.name)
                 .map(header => (
                   <tr className="">
-                    <td className="px-3 py-3 whitespace-nowrap font-medium">
+                    <td className="px-md py-sm whitespace-nowrap font-medium">
                       {header.name}
                     </td>
-                    <td className="px-3 py-3 whitespace-nowrap text-gray-600">
+                    <td className="px-md py-sm whitespace-nowrap text-gray-600">
                       {header.type}
                     </td>
-                    <td className="px-3 py-3 whitespace-nowrap text-gray-600">
+                    <td className="px-md py-sm whitespace-nowrap text-gray-600">
                       {header.value}
                     </td>
                   </tr>