From cedc294b232e2f902fb73a867788e4b5e48beebd Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 16 Dec 2023 00:19:52 -0800
Subject: feat(anime): right align countdown option

---
 src/lib/List/Anime/CleanAnimeList.svelte |  4 +++-
 src/lib/Media/anime.ts                   | 11 +++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index c4d61a3c..2c7c7e26 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -69,7 +69,9 @@
 				{#if $settings.displaySocialButton}
 					[<a href={`https://anilist.co/anime/${anime.id}/social`} target="_blank">S</a>]
 				{/if}
-				<span style="opacity: 50%;">|</span>
+				{#if !$settings.displayCountdownRightAligned || title !== 'Upcoming Episodes'}
+					<span style="opacity: 50%;">|</span>
+				{/if}
 				{#if title !== 'Upcoming Episodes'}
 					<!-- {anime.mediaListEntry?.progress || 0}{@html totalEpisodes(anime)} -->
 					{pendingUpdate === anime.id ? progress + 1 : progress}{@html totalEpisodes(anime)}
diff --git a/src/lib/Media/anime.ts b/src/lib/Media/anime.ts
index 001a7798..380b20d6 100644
--- a/src/lib/Media/anime.ts
+++ b/src/lib/Media/anime.ts
@@ -70,17 +70,20 @@ export const airingTime = (anime: Media, upcoming = false) => {
 		}
 
 		const opacity = Math.max(50, 100 - (untilAiring / 60 / 60 / 24 / 7) * 50);
+		const alignment = get(settings).displayCountdownRightAligned ? 'float: right;' : '';
 
 		if (upcoming)
 			return `<span title="${
 				hours ? `${hours.toFixed(3)} hours` : ''
-			}" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode}${totalEpisodes(
-				anime
-			)} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`;
+			}" style="opacity: ${opacity}%; ${alignment}">${
+				anime.nextAiringEpisode?.episode
+			}${totalEpisodes(anime)} in ${timeFrame} <span style="opacity: 50%">${
+				few ? `(${time})` : ''
+			}</span></span>`;
 		else
 			return `<span title="${
 				hours ? `${hours.toFixed(3)} hours` : ''
-			}" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode} in ${
+			}" style="opacity: ${opacity}%; ${alignment}">${anime.nextAiringEpisode?.episode} in ${
 				few ? '<b>' : ''
 			}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
 	}
-- 
cgit v1.2.3