From 309739e547518ff7a2b97c60bfa760c453f8969c Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Wed, 27 Oct 2021 01:14:42 -0300
Subject: [PATCH] Add tree decoration to from address

---
 src/transaction/Trace.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/transaction/Trace.tsx b/src/transaction/Trace.tsx
index 45e438a..0be2110 100644
--- a/src/transaction/Trace.tsx
+++ b/src/transaction/Trace.tsx
@@ -18,7 +18,7 @@ const Trace: React.FC<TraceProps> = ({ txData }) => {
   return (
     <ContentFrame tabs>
       <div className="mt-4 mb-5 space-y-3 font-code text-sm flex flex-col items-start">
-        <div>
+        <div className="flex items-baseline border rounded px-1 py-px">
           <AddressHighlighter address={txData.from}>
             <DecoratedAddressLink
               address={txData.from}
@@ -28,9 +28,19 @@ const Trace: React.FC<TraceProps> = ({ txData }) => {
             />
           </AddressHighlighter>
         </div>
-        {traces?.map((t, i, a) => (
-          <TraceItem key={i} t={t} txData={txData} last={i === a.length - 1} />
-        ))}
+        <div className="flex">
+          <div className="w-5"></div>
+          <div className="space-y-3">
+            {traces?.map((t, i, a) => (
+              <TraceItem
+                key={i}
+                t={t}
+                txData={txData}
+                last={i === a.length - 1}
+              />
+            ))}
+          </div>
+        </div>
       </div>
     </ContentFrame>
   );