From fa323e3cc1d9aeec7d83260ff602a15b0b67ed51 Mon Sep 17 00:00:00 2001
From: HighImKevin <kevinjohncampbell@gmail.com>
Date: Sat, 17 Oct 2026 18:31:53 -0400
Subject: [PATCH] Update top shows progress label on mobile

---
 scripts/statistics.js | 4 +++-
 scripts/watchlist.js  | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/scripts/statistics.js b/scripts/statistics.js
index 0dcd154..2a7db21 100644
--- a/scripts/statistics.js
+++ b/scripts/statistics.js
@@ -720,11 +720,13 @@
             const rankClass = rank <= 3 ? ` rank-${rank}` : '';
             const episodesText = show.episodesWatched === 1 ? 'episode' : 'episodes';
             const timeLabel = formatHours(show.watchedRuntimeTicks || 0);
+            const progressLabel = window.innerWidth >= 900 ? `${timeLabel} · ${show.episodesWatched} of ${show.totalEpisodes} ${episodesText} (${show.percentage}%)` : `${timeLabel}`;
+
             return `
                 <div class="top-show-item${rankClass}">
                     <div class="show-rank">${rank}</div>
                     <div class="top-show-name" title="${escapeHtml(show.name)}">${escapeHtml(show.name)}</div>
-                    <div class="top-show-episodes">${timeLabel} · ${show.episodesWatched} of ${show.totalEpisodes} ${episodesText} (${show.percentage}%)</div>
+                    <div class="top-show-episodes">${progressLabel}</div>
                 </div>
             `;
         }).join('');
diff --git a/scripts/watchlist.js b/scripts/watchlist.js
index 871326d..c5141ad 100644
--- a/scripts/watchlist.js
+++ b/scripts/watchlist.js
@@ -2898,12 +2898,13 @@ In the Custom Tabs plugin, add a new tab with the following HTML content:
 			const rankClass = rank <= 3 ? ` rank-${rank}` : '';
 			const episodesText = show.episodesWatched === 1 ? 'episode' : 'episodes';
 			const timeLabel = formatWatchedRuntimeLabel(show.watchedRuntimeTicks);
+			const progressLabel = window.innerWidth >= 900 ? `${timeLabel} · ${show.episodesWatched} of ${show.totalEpisodes} ${episodesText} (${show.percentage}%)` : `${timeLabel}`;
 			
 			return `
 				<div class="top-show-item${rankClass}">
 					<div class="show-rank">${rank}</div>
 					<div class="top-show-name" title="${escapeHtmlWatchlist(show.name)}">${escapeHtmlWatchlist(show.name)}</div>
-					<div class="top-show-episodes">${timeLabel} · ${show.episodesWatched} of ${show.totalEpisodes} ${episodesText} (${show.percentage}%)</div>
+					<div class="top-show-episodes">${progressLabel}</div>
 				</div>
 			`;
 		}).join('');