From e4dbceacf4027639e3f9c825567b80143675797b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 09:42:24 -0800
Subject: feat(list): action buttons

---
 src/app.css                              | 4 ++++
 src/lib/List/Anime/CleanAnimeList.svelte | 2 +-
 src/lib/List/Manga/CleanMangaList.svelte | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 33117af4..7c5f4ac0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -143,3 +143,7 @@ code {
 .badge-info:hover {
 	background-color: var(--base0B);
 }
+
+.button-action {
+	background-color: var(--base0E);
+}
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 06fda344..9809b994 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -107,7 +107,7 @@
 						<!-- {anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)} -->
 						{pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)}
 						<button
-							class="button-square"
+							class="button-square button-action"
 							style={pendingUpdate === anime.id ? 'pointer-events: none; opacity: 50%;' : ''}
 							on:click={() => {
 								if (pendingUpdate !== anime.id) {
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index c6bd12a2..b7f983b2 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -106,7 +106,7 @@
 					<span style="opacity: 50%;">/{manga.chapters || '?'}</span>
 				{/if}
 				<button
-					class="button-square"
+					class="button-square button-action"
 					style={pendingUpdate === manga.id ? 'pointer-events: none; opacity: 50%;' : ''}
 					on:click={() =>
 						pendingUpdate === manga.id
-- 
cgit v1.2.3