From 9c4f6eefd969489cf21ce5ac0c3e50f079e6332c Mon Sep 17 00:00:00 2001
From: Pascal Jufer <pascal-jufer@bluewin.ch>
Date: Sun, 29 Oct 2023 14:50:29 +0100
Subject: [PATCH] Make whole share item clickable

---
 iconoir.com/components/Header.tsx | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/iconoir.com/components/Header.tsx b/iconoir.com/components/Header.tsx
index be2e908c..0106ec10 100644
--- a/iconoir.com/components/Header.tsx
+++ b/iconoir.com/components/Header.tsx
@@ -39,18 +39,28 @@ export function Header({ currentVersion }: HeaderProps) {
             Donate &mdash; Our Mission
           </NavigationItem>
           <BuiltWith $isMobile>
-            Share with <Heart width={'1em'} height={'1em'} /> on{' '}
-            <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer'}>
-              X
+            <a
+              href={SHARE_LINK}
+              target={'_blank'}
+              rel={'noreferrer'}
+              style={{ textDecoration: 'none' }}
+            >
+              Share with <Heart width={'1em'} height={'1em'} /> on{' '}
+              <span style={{ textDecoration: 'underline' }}>X</span>
             </a>
           </BuiltWith>
         </MobileMenuContainer>
       </HeaderCenter>
       <HeaderRight>
         <BuiltWith>
-          Share with <Heart width={'1em'} height={'1em'} /> on{' '}
-          <a href={SHARE_LINK} target={'_blank'} rel={'noreferrer'}>
-            X
+          <a
+            href={SHARE_LINK}
+            target={'_blank'}
+            rel={'noreferrer'}
+            style={{ textDecoration: 'none' }}
+          >
+            Share with <Heart width={'1em'} height={'1em'} /> on{' '}
+            <span style={{ textDecoration: 'underline' }}>X</span>
           </a>
         </BuiltWith>
         <MobileMenuButton onClick={() => setMenuVisible((v) => !v)}>