From 4b6910d2a1f80708d7c1be13e4b59a37c476423b Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 19 Feb 2022 15:07:28 -0300
Subject: [PATCH] Improve creator/tx display UI

---
 src/address/AddressTransactionResults.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/address/AddressTransactionResults.tsx b/src/address/AddressTransactionResults.tsx
index 48fb2d9..88ae415 100644
--- a/src/address/AddressTransactionResults.tsx
+++ b/src/address/AddressTransactionResults.tsx
@@ -131,17 +131,19 @@ const AddressTransactionResults: React.FC<AddressTransactionResultsProps> = ({
       <SelectionContext.Provider value={selectionCtx}>
         {balance && (
           <InfoRow title="Balance">
-            <FormattedBalance value={balance} /> Ether{" "}
+            <FormattedBalance value={balance} /> Ether
           </InfoRow>
         )}
         {creator && (
           <InfoRow title="Contract creator">
-            <div className="flex items-baseline space-x-2 -ml-1">
-              <TransactionAddress address={creator.creator} />
-              <Copy value={creator.creator} />
-              <span className="text-gray-400 text-xs">at</span>
-              <span>tx:</span>
-              <TransactionLink txHash={creator.hash} />
+            <div className="flex divide-x-2 divide-dotted divide-gray-300">
+              <div className="flex items-baseline space-x-2 -ml-1 mr-3">
+                <TransactionAddress address={creator.creator} />
+                <Copy value={creator.creator} />
+              </div>
+              <div className="flex items-baseline pl-3">
+                <TransactionLink txHash={creator.hash} />
+              </div>
             </div>
           </InfoRow>
         )}