From 45b660985e84769d0fab9eebe24c50da851a5553 Mon Sep 17 00:00:00 2001
From: pooja-bruno <pooja@usebruno.com>
Date: Wed, 14 May 2025 17:45:03 +0530
Subject: [PATCH] fix: ui

---
 .../FolderSettings/Auth/StyledWrapper.js      |  3 ++
 .../components/FolderSettings/Auth/index.js   |  1 -
 .../RequestPane/Auth/ApiKeyAuth/index.js      | 53 +++++++++----------
 3 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/packages/bruno-app/src/components/FolderSettings/Auth/StyledWrapper.js b/packages/bruno-app/src/components/FolderSettings/Auth/StyledWrapper.js
index e20fde667..ba243d42b 100644
--- a/packages/bruno-app/src/components/FolderSettings/Auth/StyledWrapper.js
+++ b/packages/bruno-app/src/components/FolderSettings/Auth/StyledWrapper.js
@@ -14,6 +14,9 @@ const Wrapper = styled.div`
   .inherit-mode-text {
     color: ${(props) => props.theme.colors.text.yellow};
   }
+  .auth-mode-label {
+    color: ${(props) => props.theme.colors.text.yellow};
+  }
 `;
 
 export default Wrapper; 
\ No newline at end of file
diff --git a/packages/bruno-app/src/components/FolderSettings/Auth/index.js b/packages/bruno-app/src/components/FolderSettings/Auth/index.js
index 05bb49bbd..89b109f82 100644
--- a/packages/bruno-app/src/components/FolderSettings/Auth/index.js
+++ b/packages/bruno-app/src/components/FolderSettings/Auth/index.js
@@ -203,7 +203,6 @@ const Auth = ({ collection, folder }) => {
     }
   };
 
-  console.log('folder', folder);
 
   return (
     <StyledWrapper className="w-full">
diff --git a/packages/bruno-app/src/components/RequestPane/Auth/ApiKeyAuth/index.js b/packages/bruno-app/src/components/RequestPane/Auth/ApiKeyAuth/index.js
index acf706c5a..9c7807cea 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/ApiKeyAuth/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/ApiKeyAuth/index.js
@@ -5,8 +5,7 @@ import { IconCaretDown } from '@tabler/icons';
 import Dropdown from 'components/Dropdown';
 import { useTheme } from 'providers/Theme';
 import SingleLineEditor from 'components/SingleLineEditor';
-import { updateAuth } from 'providers/ReduxStore/slices/collections';
-import { sendRequest, saveRequest } from 'providers/ReduxStore/slices/collections/actions';
+import { sendRequest } from 'providers/ReduxStore/slices/collections/actions';
 import StyledWrapper from './StyledWrapper';
 import { humanizeRequestAPIKeyPlacement } from 'utils/collections';
 
@@ -63,30 +62,6 @@ const ApiKeyAuth = ({ item, collection, updateAuth, request, save }) => {
 
   return (
     <StyledWrapper className="mt-2 w-full">
-      <div className="flex items-center mb-2">
-        <div className="mr-4 font-medium">Add To</div>
-        <Dropdown onCreate={onDropdownCreate} icon={<Icon />} placement="bottom-end">
-          <div
-            className="dropdown-item"
-            onClick={() => {
-              dropdownTippyRef?.current?.hide();
-              handleAuthChange('placement', 'header');
-            }}
-          >
-            Header
-          </div>
-          <div
-            className="dropdown-item"
-            onClick={() => {
-              dropdownTippyRef?.current?.hide();
-              handleAuthChange('placement', 'queryParam');
-            }}
-          >
-            Query Param
-          </div>
-        </Dropdown>
-      </div>
-
       <label className="block font-medium mb-2">Key</label>
       <div className="single-line-editor-wrapper mb-2">
         <SingleLineEditor
@@ -101,7 +76,7 @@ const ApiKeyAuth = ({ item, collection, updateAuth, request, save }) => {
       </div>
 
       <label className="block font-medium mb-2">Value</label>
-      <div className="single-line-editor-wrapper">
+      <div className="single-line-editor-wrapper mb-2">
         <SingleLineEditor
           value={apikeyAuth.value || ''}
           theme={storedTheme}
@@ -113,6 +88,30 @@ const ApiKeyAuth = ({ item, collection, updateAuth, request, save }) => {
           isSecret={true}
         />
       </div>
+
+      <label className="block font-medium mb-2">Add To</label>
+      <div className="inline-flex items-center cursor-pointer auth-placement-selector w-fit">
+        <Dropdown onCreate={onDropdownCreate} icon={<Icon />} placement="bottom-end">
+          <div
+            className="dropdown-item"
+            onClick={() => {
+              dropdownTippyRef?.current?.hide();
+              handleAuthChange('placement', 'header');
+            }}
+          >
+            Header
+          </div>
+          <div
+            className="dropdown-item"
+            onClick={() => {
+              dropdownTippyRef?.current?.hide();
+              handleAuthChange('placement', 'queryparams');
+            }}
+          >
+            Query Param
+          </div>
+        </Dropdown>
+      </div>
     </StyledWrapper>
   );
 };