From 903db5fffd862e1021fd5aa9f6f4e230d42f4fd9 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Wed, 15 Mar 2023 17:29:35 -0700
Subject: [PATCH] Fix editor padding

---
 src-web/components/UrlBar.tsx             | 4 ++--
 src-web/components/core/Editor/Editor.css | 6 +++++-
 src-web/components/core/Tabs/Tabs.tsx     | 5 ++++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src-web/components/UrlBar.tsx b/src-web/components/UrlBar.tsx
index e9d5d084..cac86574 100644
--- a/src-web/components/UrlBar.tsx
+++ b/src-web/components/UrlBar.tsx
@@ -56,8 +56,8 @@ export function UrlBar({ sendRequest, loading, onMethodChange, method, onUrlChan
           <IconButton
             title="Send Request"
             type="submit"
-            className="mr-0.5"
-            size="sm"
+            color="custom"
+            className="!px-2 mr-0.5"
             icon={loading ? 'update' : 'paperPlane'}
             spin={loading}
             disabled={loading}
diff --git a/src-web/components/core/Editor/Editor.css b/src-web/components/core/Editor/Editor.css
index dcf53b04..128449bb 100644
--- a/src-web/components/core/Editor/Editor.css
+++ b/src-web/components/core/Editor/Editor.css
@@ -12,6 +12,10 @@
             outline: none !important;
         }
 
+        .cm-content {
+            @apply py-0;
+        }
+
         .cm-line {
             @apply text-gray-900 pl-1 pr-1.5;
         }
@@ -137,7 +141,7 @@
 
 .cm-singleline .cm-editor {
     .cm-content {
-        @apply h-full flex items-center;
+        @apply  h-full flex items-center;
     }
 }
 
diff --git a/src-web/components/core/Tabs/Tabs.tsx b/src-web/components/core/Tabs/Tabs.tsx
index 798a192a..9252b64c 100644
--- a/src-web/components/core/Tabs/Tabs.tsx
+++ b/src-web/components/core/Tabs/Tabs.tsx
@@ -37,7 +37,10 @@ export function Tabs({ defaultValue, label, children, tabs, className, tabListCl
     >
       <T.List
         aria-label={label}
-        className={classnames(tabListClassName, 'h-auto flex items-center overflow-x-auto pb-1')}
+        className={classnames(
+          tabListClassName,
+          'h-auto flex items-center overflow-x-auto pb-1 mb-1',
+        )}
       >
         <HStack space={1}>
           {tabs.map((t) => {