From e46398ce4b7246295d2e0b0adda724430fdd88d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 14 Jun 2021 14:25:20 -0300
Subject: [PATCH 1/4] fix space in EthHashInfo component

---
 src/ethereum/EthHashInfo/index.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/ethereum/EthHashInfo/index.tsx b/src/ethereum/EthHashInfo/index.tsx
index 441112a1..bd560976 100644
--- a/src/ethereum/EthHashInfo/index.tsx
+++ b/src/ethereum/EthHashInfo/index.tsx
@@ -33,10 +33,7 @@ const InfoContainer = styled.div`
 const AddressContainer = styled.div`
   display: flex;
   align-items: center;
-
-  *:not(:first-child) {
-    margin-left: 8px;
-  }
+  gap: 4px;
 `;
 
 const StyledImg = styled.img<{ size: ThemeIdenticonSize }>`

From d36625f73cb5324020f137dc34d3e29855904a27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 14 Jun 2021 14:25:49 -0300
Subject: [PATCH 2/4] add hover state to icons-buttons

---
 src/ethereum/ExplorerButton/index.tsx  | 19 +++++++++++++++++--
 src/utils/CopyToClipboardBtn/index.tsx | 14 ++++++++++++--
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/ethereum/ExplorerButton/index.tsx b/src/ethereum/ExplorerButton/index.tsx
index 0ec412c9..d9156777 100644
--- a/src/ethereum/ExplorerButton/index.tsx
+++ b/src/ethereum/ExplorerButton/index.tsx
@@ -5,8 +5,23 @@ import { Icon } from '../..';
 import { ExplorerInfo } from '../../typings/misc';
 
 const StyledLink = styled.a`
-  display: inline-flex;
-  outline-color: ${({ theme }) => theme.colors.separator};
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background-color 0.2s ease-in-out;
+  outline-color: transparent;
+  height: 24px;
+  width: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  :hover {
+    background-color: ${({ theme }) => theme.colors.inputField};
+  }
 `;
 
 type Props = {
diff --git a/src/utils/CopyToClipboardBtn/index.tsx b/src/utils/CopyToClipboardBtn/index.tsx
index 48845c7e..d2b9fdd8 100644
--- a/src/utils/CopyToClipboardBtn/index.tsx
+++ b/src/utils/CopyToClipboardBtn/index.tsx
@@ -11,8 +11,18 @@ const StyledButton = styled.button`
   padding: 0;
   font: inherit;
   cursor: pointer;
-  outline-color: ${({ theme }) => theme.colors.separator};
-  display: flex;
+  border-radius: 50%;
+  transition: background-color 0.2s ease-in-out;
+  outline-color: transparent;
+  height: 24px;
+  width: 24px;
+  span {
+    display: flex;
+    justify-content: center;
+  }
+  :hover {
+    background-color: ${({ theme }) => theme.colors.inputField};
+  }
 `;
 
 type Props = {

From 1dee828740351b77d01c94053129fa45511b066c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 14 Jun 2021 15:59:54 -0300
Subject: [PATCH 3/4] fix flex style

---
 src/utils/CopyToClipboardBtn/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/utils/CopyToClipboardBtn/index.tsx b/src/utils/CopyToClipboardBtn/index.tsx
index d2b9fdd8..d33e9ddc 100644
--- a/src/utils/CopyToClipboardBtn/index.tsx
+++ b/src/utils/CopyToClipboardBtn/index.tsx
@@ -16,10 +16,9 @@ const StyledButton = styled.button`
   outline-color: transparent;
   height: 24px;
   width: 24px;
-  span {
-    display: flex;
-    justify-content: center;
-  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
   :hover {
     background-color: ${({ theme }) => theme.colors.inputField};
   }

From 51b5f773a8eab5c9fb2965df084f6f5f38af371f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 14 Jun 2021 22:48:47 -0300
Subject: [PATCH 4/4] fix hover color

---
 src/navigation/EllipsisMenu/index.tsx  | 2 +-
 src/utils/CopyToClipboardBtn/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/navigation/EllipsisMenu/index.tsx b/src/navigation/EllipsisMenu/index.tsx
index 4aa81b39..f0f115b4 100644
--- a/src/navigation/EllipsisMenu/index.tsx
+++ b/src/navigation/EllipsisMenu/index.tsx
@@ -42,7 +42,7 @@ const IconWrapper = styled.button`
   }
 
   :hover {
-    background-color: ${({ theme }) => theme.colors.inputField};
+    background-color: ${({ theme }) => theme.colors.separator};
   }
 `;
 
diff --git a/src/utils/CopyToClipboardBtn/index.tsx b/src/utils/CopyToClipboardBtn/index.tsx
index d33e9ddc..bb24d32f 100644
--- a/src/utils/CopyToClipboardBtn/index.tsx
+++ b/src/utils/CopyToClipboardBtn/index.tsx
@@ -20,7 +20,7 @@ const StyledButton = styled.button`
   justify-content: center;
   align-items: center;
   :hover {
-    background-color: ${({ theme }) => theme.colors.inputField};
+    background-color: ${({ theme }) => theme.colors.separator};
   }
 `;