From 00a0df938c115b00189ead9399989d53c816aa8f Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 11 Jun 2021 12:00:16 +0200
Subject: [PATCH] Remove default underline for anchor tags

---
 public/index.css          | 10 +++++++---
 src/Address.svelte        |  5 ++++-
 src/Form.svelte           |  2 +-
 src/Header.svelte         |  3 ---
 src/base/orgs/View.svelte |  2 +-
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/public/index.css b/public/index.css
index 239b59f24..f138cf39e 100644
--- a/public/index.css
+++ b/public/index.css
@@ -188,19 +188,23 @@ button.tiny {
 }
 
 a {
+	color: inherit;
+	text-decoration: none;
+}
+a.link {
 	color: #d0d0d0;
 	text-decoration: none;
 	border-bottom: 1px dashed #444;
 }
-a:hover {
+a.link:hover {
 	color: var(--color-foreground);
 	border-bottom-color: var(--color-foreground);
 }
-a.primary {
+a.link.primary {
 	color: var(--color-primary);
 	border-bottom-color: var(--color-primary-faded);
 }
-a.primary:hover {
+a.link.primary:hover {
 	color: var(--color-primary-faded);
 	border-bottom-color: var(--color-primary-faded);
 }
diff --git a/src/Address.svelte b/src/Address.svelte
index 2571c5fb2..5a8cbf15f 100644
--- a/src/Address.svelte
+++ b/src/Address.svelte
@@ -40,7 +40,10 @@
     min-height: 1rem;
   }
   .address a {
-    border-bottom: none;
+    color: var(--color-foreground-90);
+  }
+  .address a:hover {
+    color: var(--color-foreground);
   }
   .loading {
     margin-left: 1rem;
diff --git a/src/Form.svelte b/src/Form.svelte
index 6f7e0b77c..4e060d07b 100644
--- a/src/Form.svelte
+++ b/src/Form.svelte
@@ -93,7 +93,7 @@
         <span class="field">
           {#if field.value}
             {#if isUrl(field.value)}
-              <a href="{field.value}" target="_blank">{field.value}</a>
+              <a class="link" href="{field.value}" target="_blank">{field.value}</a>
             {:else if isAddress(field.value)}
               <Address address={field.value} {config} />
             {:else}
diff --git a/src/Header.svelte b/src/Header.svelte
index 64de2dbc9..78578a079 100644
--- a/src/Header.svelte
+++ b/src/Header.svelte
@@ -39,9 +39,6 @@
     font-weight: 500;
     color: var(--color-foreground-6);
   }
-  header a {
-    border: none;
-  }
   header .nav a:hover {
     color: var(--color-foreground);
   }
diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte
index c7f45b209..1bf2dd275 100644
--- a/src/base/orgs/View.svelte
+++ b/src/base/orgs/View.svelte
@@ -233,7 +233,7 @@
         <p>Sorry, there is no Org at this address.</p>
         {#if utils.isAddress(address)}
           <p>
-            <a href={explorerLink(address, config)} target="_blank">View in explorer</a>
+            <a href={explorerLink(address, config)} class="link" target="_blank">View in explorer</a>
             <span class="faded">↗</span>
           </p>
         {/if}