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/src')
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