From e4a7fa4892b05f648dfb988b898fb0658d2f22d4 Mon Sep 17 00:00:00 2001
From: enes <mulahasanovic@outlook.com>
Date: Tue, 6 Aug 2024 13:38:33 +0200
Subject: [PATCH] fix: nested a links in card

---
 src/components/DisplaySigit/index.tsx         | 21 ++++++++++---------
 src/components/DisplaySigit/style.module.scss | 10 +++++----
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/DisplaySigit/index.tsx b/src/components/DisplaySigit/index.tsx
index 99637ad..a4a7418 100644
--- a/src/components/DisplaySigit/index.tsx
+++ b/src/components/DisplaySigit/index.tsx
@@ -80,15 +80,16 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
   }, [submittedBy, signers, profiles, setProfiles])
 
   return (
-    <Link
-      className={styles.itemWrapper}
-      to={
-        signedStatus === SignedStatus.Complete
-          ? appPublicRoutes.verify
-          : appPrivateRoutes.sign
-      }
-      state={{ meta }}
-    >
+    <div className={styles.itemWrapper}>
+      <Link
+        to={
+          signedStatus === SignedStatus.Complete
+            ? appPublicRoutes.verify
+            : appPrivateRoutes.sign
+        }
+        state={{ meta }}
+        className={styles.insetLink}
+      ></Link>
       <p className={`line-clamp-2 ${styles.title}`}>{title}</p>
       <div className={styles.users}>
         {submittedBy &&
@@ -187,6 +188,6 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
           </Button>
         </Tooltip>
       </div>
-    </Link>
+    </div>
   )
 }
diff --git a/src/components/DisplaySigit/style.module.scss b/src/components/DisplaySigit/style.module.scss
index 1b029be..7544fc4 100644
--- a/src/components/DisplaySigit/style.module.scss
+++ b/src/components/DisplaySigit/style.module.scss
@@ -6,15 +6,11 @@
   background-color: $overlay-background-color;
   border-radius: 4px;
 
-  outline: none !important;
-
   display: flex;
   padding: 15px;
   gap: 15px;
   flex-direction: column;
 
-  cursor: pointer;
-
   &:only-child {
     max-width: 600px;
   }
@@ -44,6 +40,12 @@
   }
 }
 
+.insetLink {
+  position: absolute;
+  inset: 0;
+  outline: none;
+}
+
 .itemActions {
   display: flex;
   gap: 10px;