From be2feb1079d1580ac66cbbd416e090192bf53197 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Sun, 27 Nov 2022 01:41:50 +0000
Subject: [PATCH] Fix icon library change in register form

---
 src/components/register/RegisterForm.svelte | 23 ++++++---------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/components/register/RegisterForm.svelte b/src/components/register/RegisterForm.svelte
index 065c061..7cf3b9a 100644
--- a/src/components/register/RegisterForm.svelte
+++ b/src/components/register/RegisterForm.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import {ExternalLink} from "lucide-svelte";
   import {createEventDispatcher} from "svelte";
   import {navigate} from "svelte-navigator";
   import {getEnv} from "~/utils/env";
@@ -110,8 +111,11 @@
 
     <section>
       <div>
-        You must agree to the <a href={getEnv("LINK_TERMS")} target="_blank">Terms</a> and
-        <a href={getEnv("LINK_PRIVACY")} target="_blank">Privacy</a> documents.
+        You must agree to the
+        <a href={getEnv("LINK_TERMS")} target="_blank">Terms <ExternalLink size={16} /></a>
+        and
+        <a href={getEnv("LINK_PRIVACY")} target="_blank">Privacy <ExternalLink size={16} /></a>
+        documents.
       </div>
     </section>
   </div>
@@ -133,7 +137,6 @@
 
 <style lang="scss">
   @import "../../assets/panel.scss";
-  @import "../../assets/material-symbols.scss";
 
   .register-widget {
     @include panel;
@@ -146,20 +149,6 @@
       flex-direction: column;
       align-items: center;
 
-      a[target="_blank"] {
-        margin-right: 20px;
-        position: relative;
-
-        &::after {
-          @include mso;
-          position: absolute;
-          margin-left: 4px;
-          content: "open_in_new";
-          font-size: inherit;
-          line-height: initial;
-        }
-      }
-
       > h1 {
         margin: 0;
         padding: 32px 32px 0;