Remove default underline for anchor tags

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);
 }

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;

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}

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);
   }

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}