From 8da3364d0f2ad3c4152c3904d6a9bb3dbd7f6bba Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 25 Mar 2023 21:40:14 -0700
Subject: [PATCH] More tweaks

---
 src-web/components/RequestResponse.tsx | 2 +-
 src-web/components/core/Tabs/Tabs.tsx  | 5 ++++-
 src-web/main.css                       | 7 +++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src-web/components/RequestResponse.tsx b/src-web/components/RequestResponse.tsx
index 82720265..1d328fef 100644
--- a/src-web/components/RequestResponse.tsx
+++ b/src-web/components/RequestResponse.tsx
@@ -19,7 +19,7 @@ const drag = { gridArea: 'drag' };
 const DEFAULT = 0.5;
 const MIN_WIDTH_PX = 10;
 const MIN_HEIGHT_PX = 30;
-const STACK_VERTICAL_WIDTH = 600;
+const STACK_VERTICAL_WIDTH = 650;
 
 export const RequestResponse = memo(function RequestResponse({ style }: Props) {
   const containerRef = useRef<HTMLDivElement>(null);
diff --git a/src-web/components/core/Tabs/Tabs.tsx b/src-web/components/core/Tabs/Tabs.tsx
index 11913066..6eadb75f 100644
--- a/src-web/components/core/Tabs/Tabs.tsx
+++ b/src-web/components/core/Tabs/Tabs.tsx
@@ -64,7 +64,10 @@ export function Tabs<T>({
     >
       <div
         aria-label={label}
-        className={classnames(tabListClassName, 'h-md flex items-center overflow-x-auto pb-0.5')}
+        className={classnames(
+          tabListClassName,
+          'h-md flex items-center overflow-x-auto pb-0.5 hide-scrollbars',
+        )}
       >
         <HStack space={1} className="flex-shrink-0">
           {tabs.map((t) => {
diff --git a/src-web/main.css b/src-web/main.css
index 2e95cde7..d75ffd72 100644
--- a/src-web/main.css
+++ b/src-web/main.css
@@ -23,6 +23,13 @@
         cursor: default;
     }
 
+    .hide-scrollbars {
+        &::-webkit-scrollbar-corner,
+        &::-webkit-scrollbar {
+            display: none !important;
+        }
+    }
+
     .destroy-pointer-event,
     .destroy-pointer-event * {
         pointer-events: none !important;