refactor(list): move rest of links to buttons

4 files changed, 15 insertions, 20 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 4c15156a..06fda344 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -54,9 +54,9 @@
 {#if media.length === 0}
 	<ul>
 		<li>
-			No anime to display. <a href={'#'} on:click={() => (animeLists = cleanCache(user, identity))}>
+			No anime to display. <button on:click={() => (animeLists = cleanCache(user, identity))}>
 				Force refresh
-			</a>
+			</button>
 		</li>
 	</ul>
 {/if}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index cc540615..c6bd12a2 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -47,19 +47,17 @@
 	<ul>
 		<li>
 			<p>
-				No manga to display. <a
-					href={'#'}
-					on:click={cleanCache}
-					data-umami-event="Force Refresh No Manga">Force refresh</a
+				No manga to display. <button on:click={cleanCache} data-umami-event="Force Refresh No Manga"
+					>Force refresh</button
 				>
 			</p>
 
 			<p>
-				Don't read manga? <a
-					href={'#'}
+				Don't read manga? <button
 					on:click={() => ($settings.disableManga = true)}
-					data-umami-event="Disable No Manga">Click here to hide the manga panel</a
-				>. You can re-enable it in the <a href="/settings">Settings</a>.
+					data-umami-event="Disable No Manga">Hide the manga panel</button
+				>
+				You can re-enable it later in the <a href="/settings">Settings</a>.
 			</p>
 		</li>
 	</ul>
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index 2b12a14d..53d33f41 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -172,14 +172,13 @@
 {#await mangaLists}
 	{#if !authorised}
 		<ListTitle count={0} time={endTime / 1000}>
-			<a
-				href={'#'}
+			<button
 				title="Force a full refresh"
 				on:click={() => {
 					cleanCache();
 
 					forceFlag = true;
-				}}>Refresh</a
+				}}>Refresh</button
 			>
 		</ListTitle>
 	{/if}
@@ -207,14 +206,13 @@
 	{#await cleanMedia(media, displayUnresolved, forceFlag)}
 		{#if !authorised}
 			<ListTitle count={0} time={endTime / 1000}>
-				<a
-					href={'#'}
+				<button
 					title="Force a full refresh"
 					on:click={() => {
 						cleanCache();
 
 						forceFlag = true;
-					}}>Refresh</a
+					}}>Refresh</button
 				>
 			</ListTitle>
 		{/if}
@@ -241,14 +239,13 @@
 	{:then cleanedMedia}
 		{#if !authorised}
 			<ListTitle count={cleanedMedia.length} time={endTime / 1000}>
-				<a
-					href={'#'}
+				<button
 					title="Force a full refresh"
 					on:click={() => {
 						cleanCache();
 
 						forceFlag = true;
-					}}>Refresh</a
+					}}>Refresh</button
 				>
 			</ListTitle>
 		{/if}
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index d1705e54..83b58cd1 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -604,7 +604,7 @@
 								<input type="checkbox" bind:checked={useFullActivityHistory} />
 								Enable full-year activity
 								<SettingHint>
-									<a href={'#'} on:click={pruneFullYear}>Refresh data</a>
+									<button class="smaller-badge" on:click={pruneFullYear}>Refresh data</button>
 								</SettingHint><br />
 								<select bind:value={selectedYear}>
 									{#each Array.from({ length: currentYear - 2012 }) as _, i}