From bf7117c1ebf4b4962083c460c850edb3de549b14 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sun, 7 Nov 2021 17:42:10 -0300
Subject: [PATCH] Add hover coloring

---
 src/transaction/Trace.tsx      | 2 +-
 src/transaction/TraceInput.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/transaction/Trace.tsx b/src/transaction/Trace.tsx
index be7c9b9..36be350 100644
--- a/src/transaction/Trace.tsx
+++ b/src/transaction/Trace.tsx
@@ -37,7 +37,7 @@ const Trace: React.FC<TraceProps> = ({ txData, resolvedAddresses }) => {
   return (
     <ContentFrame tabs>
       <div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start overflow-x-auto">
-        <div className="flex items-baseline border rounded px-1 py-0.5">
+        <div className="border hover:border-gray-500 rounded px-1 py-0.5">
           <AddressHighlighter address={txData.from}>
             <DecoratedAddressLink
               address={txData.from}
diff --git a/src/transaction/TraceInput.tsx b/src/transaction/TraceInput.tsx
index 367a51c..c1cd8a8 100644
--- a/src/transaction/TraceInput.tsx
+++ b/src/transaction/TraceInput.tsx
@@ -42,7 +42,7 @@ const TraceInput: React.FC<TraceInputProps> = ({
   const [expanded, setExpanded] = useState<boolean>(false);
 
   return (
-    <div className="ml-5 border rounded px-1 py-0.5">
+    <div className="ml-5 border hover:border-gray-500 rounded px-1 py-0.5">
       <div className="flex items-baseline">
         <span className="text-xs text-gray-400 lowercase">{t.type}</span>
         <span>