From b04602bcb90e4527ca245e4debf3f82d8d02f5b7 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sun, 2 Apr 2023 11:11:53 -0700
Subject: [PATCH] Change tabs again

---
 src-tauri/tauri.conf.json              | 2 +-
 src-web/components/ResponseHeaders.tsx | 4 ++--
 src-web/components/core/CountBadge.tsx | 5 ++++-
 src-web/components/core/Tabs/Tabs.tsx  | 4 +++-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index c505acad..336b3ca2 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "Yaak",
-    "version": "0.0.2"
+    "version": "2023.0.0"
   },
   "tauri": {
     "windows": [],
diff --git a/src-web/components/ResponseHeaders.tsx b/src-web/components/ResponseHeaders.tsx
index 7c87fe9e..3ebec846 100644
--- a/src-web/components/ResponseHeaders.tsx
+++ b/src-web/components/ResponseHeaders.tsx
@@ -8,7 +8,7 @@ interface Props {
 
 export function ResponseHeaders({ headers }: Props) {
   return (
-    <dl className="font-mono text-xs table-fixed w-full">
+    <dl className="text-xs w-full font-mono">
       {headers.map((h, i) => {
         return (
           <HStack
@@ -17,7 +17,7 @@ export function ResponseHeaders({ headers }: Props) {
             className={classnames(i > 0 && 'border-t border-highlightSecondary', 'py-1')}
           >
             <dd className="w-1/3 text-violet-600 select-text cursor-text">{h.name}</dd>
-            <dt className="w-2/3 text-blue-600 select-text cursor-text break-all">{h.value}</dt>
+            <dt className="w-2/3 select-text cursor-text break-all">{h.value}</dt>
           </HStack>
         );
       })}
diff --git a/src-web/components/core/CountBadge.tsx b/src-web/components/core/CountBadge.tsx
index 9f2d55a6..6089918e 100644
--- a/src-web/components/core/CountBadge.tsx
+++ b/src-web/components/core/CountBadge.tsx
@@ -6,7 +6,10 @@ export function CountBadge({ count }: Props) {
   if (count === 0) return null;
   return (
     <>
-      <div aria-hidden className="opacity-70 text-3xs rounded mb-0.5 ml-1 h-4 font-mono">
+      <div
+        aria-hidden
+        className="opacity-70 border border-highlight text-3xs rounded mb-0.5 px-1 ml-1 h-4 font-mono"
+      >
         {count}
       </div>
     </>
diff --git a/src-web/components/core/Tabs/Tabs.tsx b/src-web/components/core/Tabs/Tabs.tsx
index f8f8b3dd..7a8f8eb0 100644
--- a/src-web/components/core/Tabs/Tabs.tsx
+++ b/src-web/components/core/Tabs/Tabs.tsx
@@ -81,7 +81,9 @@ export function Tabs({
         <HStack space={1} className="flex-shrink-0">
           {tabs.map((t) => {
             const isActive = t.value === value;
-            const btnClassName = classnames(isActive ? 'bg-highlightSecondary' : 'text-gray-600');
+            // const btnClassName = classnames(isActive ? 'bg-highlightSecondary' : 'text-gray-600');
+            const btnClassName = classnames(isActive ? '' : 'text-gray-600', '!px-0 mr-4 ml-[1px]');
+
             if ('options' in t) {
               const option = t.options.items.find(
                 (i) => 'value' in i && i.value === t.options?.value,