From e381d0c00bdcfdb9735450b475bf0d47e9f3dc1e Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sat, 7 Oct 2023 19:12:20 +0530
Subject: [PATCH] chore: ui layout polish

---
 packages/bruno-app/src/components/RequestPane/Auth/index.js   | 2 +-
 .../src/components/ResponsePane/TestResults/index.js          | 2 +-
 packages/bruno-app/src/components/ResponsePane/index.js       | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/bruno-app/src/components/RequestPane/Auth/index.js b/packages/bruno-app/src/components/RequestPane/Auth/index.js
index f07b80f95..314bbb212 100644
--- a/packages/bruno-app/src/components/RequestPane/Auth/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Auth/index.js
@@ -20,7 +20,7 @@ const Auth = ({ item, collection }) => {
   };
 
   return (
-    <StyledWrapper className="w-full">
+    <StyledWrapper className="w-full mt-1">
       <div className="flex flex-grow justify-start items-center">
         <AuthMode item={item} collection={collection} />
       </div>
diff --git a/packages/bruno-app/src/components/ResponsePane/TestResults/index.js b/packages/bruno-app/src/components/ResponsePane/TestResults/index.js
index 592a2fea5..a1da51491 100644
--- a/packages/bruno-app/src/components/ResponsePane/TestResults/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/TestResults/index.js
@@ -16,7 +16,7 @@ const TestResults = ({ results, assertionResults }) => {
 
   return (
     <StyledWrapper className="flex flex-col px-3">
-      <div className="py-2 font-medium test-summary">
+      <div className="pb-2 font-medium test-summary">
         Tests ({results.length}/{results.length}), Passed: {passedTests.length}, Failed: {failedTests.length}
       </div>
       <ul className="">
diff --git a/packages/bruno-app/src/components/ResponsePane/index.js b/packages/bruno-app/src/components/ResponsePane/index.js
index 21c4ca16f..9cd45e0ca 100644
--- a/packages/bruno-app/src/components/ResponsePane/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/index.js
@@ -115,7 +115,9 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => {
           </div>
         ) : null}
       </div>
-      <section className="flex flex-grow">{getTabPanel(focusedTab.responsePaneTab)}</section>
+      <section className={`flex flex-grow ${focusedTab.responsePaneTab === 'response' ? '' : 'mt-4'}`}>
+        {getTabPanel(focusedTab.responsePaneTab)}
+      </section>
     </StyledWrapper>
   );
 };