From f90d9150b82a8de3d7723324f42f87074d457c9c Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Sat, 6 Nov 2021 16:14:30 -0300
Subject: [PATCH] UI fixes

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

diff --git a/src/transaction/Trace.tsx b/src/transaction/Trace.tsx
index 147aa74..be7c9b9 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-px">
+        <div className="flex items-baseline border 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 f0fdd9c..603e619 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-px">
+    <div className="ml-5 border rounded px-1 py-0.5">
       <div className="flex items-baseline">
         <span className="text-xs text-gray-400 lowercase">{t.type}</span>
         <span>
@@ -66,7 +66,11 @@ const TraceInput: React.FC<TraceInputProps> = ({
         <span className="whitespace-nowrap">
           (
           {hasParams && (
-            <Switch checked={expanded} onChange={setExpanded}>
+            <Switch
+              className="text-xs"
+              checked={expanded}
+              onChange={setExpanded}
+            >
               {expanded ? (
                 <span className="text-gray-400">[-]</span>
               ) : (