From f81999cdc8d6d5cec3dd24aeb1f3a86d9eb1be03 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 09:28:38 -0800
Subject: refactor(css): more buttons

---
 src/lib/List/Anime/CleanAnimeList.svelte | 6 +++---
 src/lib/List/Manga/CleanMangaList.svelte | 6 +++---
 src/lib/Settings/Categories/Debug.svelte | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 7e97ba59..4c15156a 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -106,8 +106,8 @@
 					{#if title !== 'Upcoming Episodes' || title.includes('Not Yet Released')}
 						<!-- {anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)} -->
 						{pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)}
-						<a
-							href={'#'}
+						<button
+							class="button-square"
 							style={pendingUpdate === anime.id ? 'pointer-events: none; opacity: 50%;' : ''}
 							on:click={() => {
 								if (pendingUpdate !== anime.id) {
@@ -124,7 +124,7 @@
 										pendingUpdate = null;
 									});
 								}
-							}}>+</a
+							}}>+</button
 						>
 						{#if !completed}
 							[{anime.nextAiringEpisode?.episode === -1
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index e8d20f13..cc540615 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -107,8 +107,8 @@
 				{pendingUpdate === manga.id ? progress + 1 : progress}{#if !due}
 					<span style="opacity: 50%;">/{manga.chapters || '?'}</span>
 				{/if}
-				<a
-					href={'#'}
+				<button
+					class="button-square"
 					style={pendingUpdate === manga.id ? 'pointer-events: none; opacity: 50%;' : ''}
 					on:click={() =>
 						pendingUpdate === manga.id
@@ -116,7 +116,7 @@
 							: updateMedia(manga.id, manga.mediaListEntry?.progress, media)}
 				>
 					+
-				</a>
+				</button>
 				{#if due || manga.episodes !== manga.chapters}
 					[{manga.episodes || '?'}]
 					{#await volumeCount(manga) then volumes}
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index d4ccff53..8a0b9899 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -3,14 +3,14 @@
 	import SettingHint from '../SettingHint.svelte';
 </script>
 
-<a href={'#'} on:click={settings.reset}>Reset <b>ALL</b> settings</a>
+<button on:click={settings.reset}>Reset <b>ALL</b> settings</button>
 <SettingHint lineBreak>
 	Resets all settings present on this page to their default values
 </SettingHint>
 
 <p />
 
-<a href={'#'} on:click={() => localStorage.clear()}>Clear <code>localStorage</code> </a>
+<button on:click={() => localStorage.clear()}>Clear <code>localStorage</code></button>
 <SettingHint lineBreak>
 	Doesn't break anything, but resets all settings and clears all cached media lists. Recommended
 	after updates
-- 
cgit v1.2.3