From 2b9ada9ebc18a387e4a23ac0d10eb000e9e89d90 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Tue, 20 Sep 2022 20:36:33 +1000
Subject: [PATCH] remove double borders

---
 components/trade/GroupSize.tsx | 10 +++++-----
 components/trade/Orderbook.tsx |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/trade/GroupSize.tsx b/components/trade/GroupSize.tsx
index 3c581e77..40f0af1b 100644
--- a/components/trade/GroupSize.tsx
+++ b/components/trade/GroupSize.tsx
@@ -31,15 +31,15 @@ const GroupSize = ({
         {({ open }) => (
           <>
             <Listbox.Button
-              className={`default-transition flex h-6 items-center rounded border border-th-bkg-3 bg-th-bkg-1 py-1 font-normal hover:bg-th-bkg-2 focus:border-th-bkg-4 focus:outline-none`}
+              className={`default-transition flex h-6 items-center rounded bg-th-bkg-1 py-1 font-normal text-th-fgd-2 hover:text-th-primary focus:border-th-bkg-4 focus:outline-none`}
             >
               <div
-                className={`flex items-center justify-between space-x-1 pr-1 pl-2 font-mono text-xs leading-none`}
+                className={`flex items-center justify-between font-mono text-xs leading-none`}
               >
-                <span className="text-th-fgd-2">{value}</span>
+                <span>{value}</span>
 
                 <ChevronDownIcon
-                  className={`default-transition h-4 w-4 text-th-fgd-3 ${
+                  className={`default-transition ml-0.5 h-5 w-5 text-th-fgd-3 ${
                     open ? 'rotate-180 transform' : 'rotate-360 transform'
                   }`}
                 />
@@ -48,7 +48,7 @@ const GroupSize = ({
             {open ? (
               <Listbox.Options
                 static
-                className={`thin-scroll absolute left-0 top-7 z-20 w-full space-y-2 overflow-auto rounded border border-th-bkg-3 bg-th-bkg-1 p-2 text-th-fgd-2 outline-none`}
+                className={`thin-scroll absolute right-0 top-7 z-20 w-20 space-y-2 overflow-auto rounded border border-th-bkg-3 bg-th-bkg-1 p-2 text-th-fgd-2 outline-none`}
               >
                 {sizes.map((size) => (
                   <Listbox.Option key={size} value={size}>
diff --git a/components/trade/Orderbook.tsx b/components/trade/Orderbook.tsx
index d56ee369..8a984e18 100644
--- a/components/trade/Orderbook.tsx
+++ b/components/trade/Orderbook.tsx
@@ -353,7 +353,7 @@ const Orderbook = ({ depth = 12 }) => {
               : 'text-th-fgd-4 hover:text-th-fgd-2'
           }`}
         >
-            Book
+          Book
         </div>
         <div
           className={`flex h-12 items-center justify-center px-4 text-sm font-bold hover:cursor-pointer ${
@@ -366,7 +366,7 @@ const Orderbook = ({ depth = 12 }) => {
         </div>
       </div>
       <div className="flex h-full flex-col">
-        <div className="flex items-center justify-between border-x border-b border-th-bkg-3 px-4 py-2">
+        <div className="flex items-center justify-between border-b border-th-bkg-3 px-4 py-2">
           <div className="flex items-center space-x-2">
             <Tooltip
               content={showBuys ? 'Hide Buys' : 'Show Buys'}