From 83c90248e493d67468be8f94f5d3f6655896c92c Mon Sep 17 00:00:00 2001
From: Sam <sam@sam.wf>
Date: Mon, 27 Mar 2023 23:46:06 +0200
Subject: [PATCH] fix: make profile links bigger tap targets

---
 frontend/src/routes/@[username]/+page.svelte        |  2 +-
 frontend/src/routes/@[username]/ProfileLink.svelte  | 13 ++++++++++---
 .../routes/@[username]/[memberName]/+page.svelte    |  2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/routes/@[username]/+page.svelte b/frontend/src/routes/@[username]/+page.svelte
index 9f816f2..0e3f42b 100644
--- a/frontend/src/routes/@[username]/+page.svelte
+++ b/frontend/src/routes/@[username]/+page.svelte
@@ -134,7 +134,7 @@
         <div class="col-md d-flex align-items-center">
           <ul class="list-unstyled">
             {#each data.links as link}
-              <li><ProfileLink {link} /></li>
+              <ProfileLink {link} />
             {/each}
           </ul>
         </div>
diff --git a/frontend/src/routes/@[username]/ProfileLink.svelte b/frontend/src/routes/@[username]/ProfileLink.svelte
index d1f84ab..175003c 100644
--- a/frontend/src/routes/@[username]/ProfileLink.svelte
+++ b/frontend/src/routes/@[username]/ProfileLink.svelte
@@ -20,9 +20,16 @@
   };
 </script>
 
-<Icon name="globe" aria-hidden />
 {#if isLink}
-  <a href={link} rel="me nofollow noreferrer" target="_blank">{displayLink}</a>
+  <a href={link} class="text-decoration-none">
+    <li class="py-2 py-lg-0">
+      <Icon name="globe" aria-hidden class="text-body" />
+      <span class="text-decoration-underline">{displayLink}</span>
+    </li>
+  </a>
 {:else}
-  <span>{link}</span>
+  <li class="py-2 py-lg-0">
+    <Icon name="globe" aria-hidden />
+    <span>{displayLink}</span>
+  </li>
 {/if}
diff --git a/frontend/src/routes/@[username]/[memberName]/+page.svelte b/frontend/src/routes/@[username]/[memberName]/+page.svelte
index 4b4b59a..7feeed5 100644
--- a/frontend/src/routes/@[username]/[memberName]/+page.svelte
+++ b/frontend/src/routes/@[username]/[memberName]/+page.svelte
@@ -68,7 +68,7 @@
         <div class="col-md d-flex align-items-center">
           <ul class="list-unstyled">
             {#each data.links as link}
-              <li><ProfileLink {link} /></li>
+              <ProfileLink {link} />
             {/each}
           </ul>
         </div>