From 333c31c4ba2a4e196d84c5a3b0520c8192d535ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Tue, 28 Nov 2023 17:48:01 +0100
Subject: [PATCH] Don't underline icon in the ExternalLink component

---
 src/components/ExternalLink.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ExternalLink.svelte b/src/components/ExternalLink.svelte
index b2093c265..1c7db4750 100644
--- a/src/components/ExternalLink.svelte
+++ b/src/components/ExternalLink.svelte
@@ -11,10 +11,13 @@
     align-items: center;
     gap: 0.25rem;
     text-decoration: none;
+  }
+
+  .link {
     box-shadow: 0 1px 0 0 var(--color-foreground-contrast);
   }
 
-  a:hover {
+  a:hover .link {
     color: var(--color-fill-secondary);
     box-shadow: 0 1px 0 0 var(--color-fill-secondary);
   }
@@ -31,6 +34,6 @@
 </style>
 
 <a {href} target="_blank" rel="noreferrer">
-  <slot>{href}</slot>
+  <span class="link"><slot>{href}</slot></span>
   <span class="icon"><IconSmall name="arrow-box-up-right" /></span>
 </a>