From 011b00df38bfd1db4d43369a53da210fbc406130 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 08:59:39 -0800
Subject: feat(css): small buttons and badges

---
 src/app.css                              | 22 ++++++++++++++++++++++
 src/lib/List/Manga/CleanMangaList.svelte |  6 +++---
 src/routes/settings/+page.svelte         |  6 +++++-
 3 files changed, 30 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/app.css b/src/app.css
index d47c87ff..3077c828 100644
--- a/src/app.css
+++ b/src/app.css
@@ -84,3 +84,25 @@ button:hover {
 button:active {
 	transform: scale(0.975);
 }
+
+.small-button {
+	transform: scale(0.875);
+}
+
+.small-button:active {
+	transform: scale(0.75);
+}
+
+.smaller-button {
+	background-color: var(--base0C);
+	transform: scale(0.75);
+}
+
+.button-badge:hover {
+	background-color: var(--base0C);
+	cursor: unset;
+}
+
+.button-badge:active {
+	transform: scale(0.75);
+}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index ebe4a2dc..e8d20f13 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -30,11 +30,11 @@
 
 {#if authorised}
 	<ListTitle count={media.length} time={endTime / 1000}>
-		<a
-			href={'#'}
+		<button
+			class="small-button"
 			title="Force a full refresh"
 			on:click={cleanCache}
-			data-umami-event="Force Refresh Manga">Refresh</a
+			data-umami-event="Force Refresh Manga">Refresh</button
 		>
 	</ListTitle>
 {/if}
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index f61b236b..42021187 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -53,7 +53,11 @@
 	<Category title="Calculation"><Calculation /></Category>
 	<Category title="Cache"><Cache /></Category>
 	<Category id="debug">
-		<summary>Debug <small style="opacity: 50%;">{data.commit.slice(0, 7)}</small></summary>
+		<summary
+			>Debug<button class="smaller-button button-badge" style="opacity: 50%;"
+				>{data.commit.slice(0, 7)}</button
+			></summary
+		>
 
 		<Debug />
 	</Category>
-- 
cgit v1.2.3