From 5c25810c2e06b0be19842f12e9e2654beece2f65 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sun, 3 Aug 2025 15:14:48 -0600
Subject: [PATCH] improve unreleased air date text clarity

---
 .../detailsModal/components/carousels/EpisodeCarousel.tsx     | 2 +-
 src/components/player/atoms/Episodes.tsx                      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/overlays/detailsModal/components/carousels/EpisodeCarousel.tsx b/src/components/overlays/detailsModal/components/carousels/EpisodeCarousel.tsx
index f5a0385b..5ad2f295 100644
--- a/src/components/overlays/detailsModal/components/carousels/EpisodeCarousel.tsx
+++ b/src/components/overlays/detailsModal/components/carousels/EpisodeCarousel.tsx
@@ -531,7 +531,7 @@ export function EpisodeCarousel({
                         {episode.episode_number}
                       </span>
                       {!isAired && (
-                        <span className="text-video-context-type-main/70 text-sm">
+                        <span className="bg-video-context-hoverColor/50 text-video-context-type-main/80 text-sm px-1 py-0.5 rounded-md">
                           {episode.air_date
                             ? `(${t("details.airs")} - ${new Date(episode.air_date).toLocaleDateString()})`
                             : `(${t("media.unreleased")})`}
diff --git a/src/components/player/atoms/Episodes.tsx b/src/components/player/atoms/Episodes.tsx
index af677f54..55262c1e 100644
--- a/src/components/player/atoms/Episodes.tsx
+++ b/src/components/player/atoms/Episodes.tsx
@@ -447,7 +447,7 @@ export function EpisodesView({
                           E{ep.number}
                         </span>
                         {!isAired && (
-                          <span className="text-video-context-type-main/70 text-sm">
+                          <span className="bg-video-context-hoverColor/50 text-video-context-type-main/80 text-sm px-1 py-0.5 rounded-md">
                             {ep.air_date
                               ? `(${t("details.airs")} - ${new Date(ep.air_date).toLocaleDateString()})`
                               : `(${t("media.unreleased")})`}
@@ -575,7 +575,7 @@ export function EpisodesView({
                             E{ep.number}
                           </span>
                           {!isAired && (
-                            <span className="text-video-context-type-main/70 text-sm">
+                            <span className="bg-video-context-hoverColor/50 text-video-context-type-main/80 text-sm px-1 py-0.5 rounded-md">
                               {ep.air_date
                                 ? `(${t("details.airs")} - ${new Date(ep.air_date).toLocaleDateString()})`
                                 : `(${t("media.unreleased")})`}