From b45f42c348d5b6ea25e0c320843e613d40c4db61 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Mon, 7 Apr 2025 17:09:25 -0400
Subject: Fix alignment of color mode toggle

---
 ufund-ui/src/app/app.component.css  | 6 +++++-
 ufund-ui/src/app/app.component.html | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'ufund-ui')

diff --git a/ufund-ui/src/app/app.component.css b/ufund-ui/src/app/app.component.css
index ab1e60f..6841606 100644
--- a/ufund-ui/src/app/app.component.css
+++ b/ufund-ui/src/app/app.component.css
@@ -61,5 +61,9 @@
 }
 
 .current {
-    text-decoration: underline!important;
+    text-decoration: underline !important;
+}
+
+#darkMode:hover {
+    text-decoration: none !important;
 }
diff --git a/ufund-ui/src/app/app.component.html b/ufund-ui/src/app/app.component.html
index 7277682..03c6338 100644
--- a/ufund-ui/src/app/app.component.html
+++ b/ufund-ui/src/app/app.component.html
@@ -11,7 +11,7 @@
             <a [class]="location.path() == '/basket' ? 'current' : ''" *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</a>
             <button *ngIf="currentUser | async" (click)="logout()">Log Out</button>
             <button *ngIf="!(currentUser | async)" (click)="login()">Log In</button>
-            <a href="#" (click)="$event.preventDefault(); toggleColorScheme()"><span class="icon">brightness_7</span></a>
+            <a class="icon" id="darkMode" href="#" (click)="$event.preventDefault(); toggleColorScheme()">brightness_7</a>
         </div>
     </div>
 
-- 
cgit v1.2.3