From aa8c066f2d064df7e096479ef00eb5cc5d95076b Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Tue, 4 Apr 2023 16:56:45 -0700
Subject: [PATCH] Fix some things

---
 src-web/components/ResponseHeaders.tsx | 4 ++--
 src-web/components/ResponsePane.tsx    | 3 ++-
 src-web/components/Sidebar.tsx         | 2 +-
 src-web/components/core/PairEditor.tsx | 2 +-
 src-web/components/core/Tabs/Tabs.tsx  | 2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src-web/components/ResponseHeaders.tsx b/src-web/components/ResponseHeaders.tsx
index 3ebec846..aee45caa 100644
--- a/src-web/components/ResponseHeaders.tsx
+++ b/src-web/components/ResponseHeaders.tsx
@@ -8,13 +8,13 @@ interface Props {
 
 export function ResponseHeaders({ headers }: Props) {
   return (
-    <dl className="text-xs w-full font-mono">
+    <dl className="text-xs w-full h-full font-mono overflow-auto">
       {headers.map((h, i) => {
         return (
           <HStack
             space={3}
             key={i}
-            className={classnames(i > 0 && 'border-t border-highlightSecondary', 'py-1')}
+            className={classnames(i > 0 ? 'border-t border-highlightSecondary py-1' : 'pb-1')}
           >
             <dd className="w-1/3 text-violet-600 select-text cursor-text">{h.name}</dd>
             <dt className="w-2/3 select-text cursor-text break-all">{h.value}</dt>
diff --git a/src-web/components/ResponsePane.tsx b/src-web/components/ResponsePane.tsx
index 841aa5d2..1598f309 100644
--- a/src-web/components/ResponsePane.tsx
+++ b/src-web/components/ResponsePane.tsx
@@ -156,8 +156,9 @@ export const ResponsePane = memo(function ResponsePane({ style, className }: Pro
               value={activeTab}
               onChangeValue={setActiveTab}
               label="Response"
-              className="px-3"
               tabs={tabs}
+              className="ml-3 mr-1"
+              tabListClassName="mt-1.5"
             >
               <TabContent value="headers">
                 <ResponseHeaders headers={activeResponse?.headers ?? []} />
diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx
index 50b680dd..78f193dd 100644
--- a/src-web/components/Sidebar.tsx
+++ b/src-web/components/Sidebar.tsx
@@ -226,7 +226,7 @@ const _SidebarItem = forwardRef(function SidebarItem(
               {isResponseLoading(latestResponse) ? (
                 <Icon spin size="sm" icon="update" />
               ) : (
-                <StatusTag className="text-2xs" response={latestResponse} />
+                <StatusTag className="text-2xs dark:opacity-80" response={latestResponse} />
               )}
             </div>
           )}
diff --git a/src-web/components/core/PairEditor.tsx b/src-web/components/core/PairEditor.tsx
index d9fa0289..67d19ea5 100644
--- a/src-web/components/core/PairEditor.tsx
+++ b/src-web/components/core/PairEditor.tsx
@@ -137,7 +137,7 @@ export const PairEditor = memo(function PairEditor({
       className={classnames(
         className,
         '@container',
-        'pb-2 grid',
+        'pb-2 grid overflow-auto max-h-full',
         // Move over the width of the drag handle
         '-ml-3',
       )}
diff --git a/src-web/components/core/Tabs/Tabs.tsx b/src-web/components/core/Tabs/Tabs.tsx
index c71daf41..06bb79d7 100644
--- a/src-web/components/core/Tabs/Tabs.tsx
+++ b/src-web/components/core/Tabs/Tabs.tsx
@@ -149,7 +149,7 @@ export const TabContent = memo(function TabContent({
     <div
       tabIndex={-1}
       data-tab={value}
-      className={classnames(className, 'tab-content', 'overflow-auto hidden w-full h-full')}
+      className={classnames(className, 'tab-content', 'hidden w-full h-full')}
     >
       {children}
     </div>