From 181d326f3a73b253136674db7fa5cbc1da31f243 Mon Sep 17 00:00:00 2001
From: Tyler Shipe <tjshipe@gmail.com>
Date: Tue, 1 Feb 2022 20:02:47 -0500
Subject: [PATCH] add emphasis when hovering on order book line

---
 components/Orderbook.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Orderbook.tsx b/components/Orderbook.tsx
index 1a03e1d7..90abe6a3 100644
--- a/components/Orderbook.tsx
+++ b/components/Orderbook.tsx
@@ -688,7 +688,7 @@ const OrderbookRow = React.memo<any>(
                 side === 'buy' ? `bg-th-green-muted` : `bg-th-red-muted`
               }`}
             />
-            <div className="flex justify-between w-full">
+            <div className="flex justify-between w-full hover:font-semibold">
               <div
                 onClick={handlePriceClick}
                 className={`z-10 text-xs leading-5 md:leading-6 text-th-fgd-1 md:pl-5 ${
@@ -712,7 +712,7 @@ const OrderbookRow = React.memo<any>(
           </>
         ) : (
           <>
-            <div className="flex justify-between w-full">
+            <div className="flex justify-between w-full hover:font-semibold">
               <div
                 className={`z-10 text-xs leading-5 md:leading-6 ${
                   hasOpenOrder ? 'text-th-primary' : 'text-th-fgd-2'