From 23e409daed3c006ca006e5a20b5476b70017739c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 6 Nov 2023 16:23:24 -0300
Subject: [PATCH] fix network info tooltip and add margin to the main logo

---
 src/pages/contract-detail/contract-detail.tsx | 16 ++++++++++++----
 src/view/components/Logo/index.tsx            |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/contract-detail/contract-detail.tsx b/src/pages/contract-detail/contract-detail.tsx
index 66384a53..1a48fc55 100644
--- a/src/pages/contract-detail/contract-detail.tsx
+++ b/src/pages/contract-detail/contract-detail.tsx
@@ -114,16 +114,24 @@ export default function ContractDetail({ userContract }: Props): JSX.Element {
           </Typography>
         </Box>
         <Box display="flex" flexDirection="column">
-          <Typography variant="caption" align="left">
-            NETWORK
-          </Typography>
+          <Box display="flex" flexDirection="row" gap="0.5rem">
+            <Typography variant="caption" align="left">
+              NETWORK
+            </Typography>
+            <Tooltip
+              placement="top"
+              title="This network is the one that the contract has been deployed."
+            >
+              <InfoOutlined style={{ fontSize: 16 }} />
+            </Tooltip>
+          </Box>
           <Typography variant="h5" align="left">
             <NetworkBadge
               name={chainDetails.name}
               logo={chainDetails.logo.src}
               logoSize={{ width: 20, height: 20 }}
               description={chainDetails.logo.alt}
-              textTooltip="This network is the one that the contract has been deployed."
+              showTooltip={false}
             />
           </Typography>
         </Box>
diff --git a/src/view/components/Logo/index.tsx b/src/view/components/Logo/index.tsx
index 03d23fdc..4a913ffe 100644
--- a/src/view/components/Logo/index.tsx
+++ b/src/view/components/Logo/index.tsx
@@ -9,7 +9,7 @@ import { CW_POLKADOT, LOGO_POLKADOT } from '@/constants/images'
 export default function Logo() {
   return (
     <NextLink href={ROUTES.HOME}>
-      <Stack sx={{ marginTop: '1rem' }}>
+      <Stack sx={{ marginTop: '1.3rem' }}>
         <Image
           alt="Logo polkadot"
           src={LOGO_POLKADOT}