Merge pull request #161 from rsksmart/hotfix

Fix accessibility touch target size in Card component
rsksmart · Nov 26, 2024 · e77fe01 · e77fe01
2 parents b059a9a + 6b41c47
commit e77fe01
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Card/index.js b/src/components/Card/index.js
@@ -36,7 +36,7 @@ export default function Card({index, title, description, list, color = "orange",
             <ul className={`mb-0 mt-auto`}>
               {list.map((item, idx) => (
                 <li key={idx}>
-                  <Link href={item.href} target={item.target} className={`fw-bold`}>
+                  <Link href={item.href} target={item.target} className={`fw-bold py-4`}>
                     {item.title}
                   </Link>
                 </li>

diff --git a/src/components/Card/styles.module.scss b/src/components/Card/styles.module.scss
@@ -8,6 +8,6 @@
     }
   }
   li + li {
-    margin-top: 4px;
+    margin-top: 8px;
   }
 }