From 49556892816c88dff1a3e2689effd2165969444b Mon Sep 17 00:00:00 2001
From: Manish Kushare <kushare.manish9@gmail.com>
Date: Tue, 3 Jan 2023 08:33:38 +0530
Subject: [PATCH] [ Bug fixed ]: GraphQL headers  url paramaters key  value UI
 is not as expected (#5116)

* bug fixed : GraphQL headers & url paramateres key & value UI is not as expected.

* made the suggested changes
---
 frontend/src/_ui/HttpHeaders/index.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/_ui/HttpHeaders/index.js b/frontend/src/_ui/HttpHeaders/index.js
index 69d8da7861..498d056a79 100644
--- a/frontend/src/_ui/HttpHeaders/index.js
+++ b/frontend/src/_ui/HttpHeaders/index.js
@@ -42,7 +42,7 @@ export default ({ getter, options = [['', '']], optionchanged }) => {
                     value={option[0]}
                     placeholder="key"
                     autoComplete="off"
-                    className="form-control no-border"
+                    className="form-control"
                     onChange={(e) => keyValuePairValueChanged(e, 0, index)}
                   />
                 </td>
@@ -50,7 +50,7 @@ export default ({ getter, options = [['', '']], optionchanged }) => {
                   <input
                     type="text"
                     value={option[1]}
-                    className="form-control no-border"
+                    className="form-control"
                     placeholder="value"
                     autoComplete="off"
                     onChange={(e) => keyValuePairValueChanged(e, 1, index)}
@@ -69,8 +69,12 @@ export default ({ getter, options = [['', '']], optionchanged }) => {
                   </td>
                 )}
                 {index === 0 && (
-                  <td>
-                    <button className="btn btn-sm btn-primary" onClick={addNewKeyValuePair}>
+                  <td style={{ paddingRight: 0 }}>
+                    <button
+                      className="btn btn-sm btn-primary"
+                      onClick={addNewKeyValuePair}
+                      style={{ height: '36px', width: '100%' }}
+                    >
                       Add
                     </button>
                   </td>