From 0d34e643c7a939d6326a4c49ce753b05b581abc1 Mon Sep 17 00:00:00 2001
From: Michael C <michael@mchang.name>
Date: Fri, 8 Apr 2022 22:36:44 -0400
Subject: [PATCH] fix #1236

---
 public/content.css | 6 ++++++
 src/content.ts     | 7 ++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/public/content.css b/public/content.css
index f697300e..afcd4c3d 100644
--- a/public/content.css
+++ b/public/content.css
@@ -652,4 +652,10 @@ input::-webkit-inner-spin-button {
 
 .sponsorBlockCategoryPill:hover .categoryPillClose {
 	display: inherit;
+}
+
+/* tweak for mobile duration */
+#sponsorBlockDurationAfterSkips.ytm-time-display {
+	padding-left: 4px;
+	margin: 0px;
 }
\ No newline at end of file
diff --git a/src/content.ts b/src/content.ts
index 49c57372..2ebfc38e 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -2126,14 +2126,15 @@ function updateAdFlag(): void {
 }
 
 function showTimeWithoutSkips(skippedDuration: number): void {
-    if (onMobileYouTube || onInvidious) return;
+    if (onInvidious) return;
 
     if (isNaN(skippedDuration) || skippedDuration < 0) {
         skippedDuration = 0;
     }
 
     // YouTube player time display
-    const display = document.querySelector(".ytp-time-display.notranslate");
+    const displayClass = onMobileYouTube ? "ytm-time-display" : "ytp-time-display.notranslate"
+    const display = document.querySelector(`.${displayClass}`);
     if (!display) return;
 
     const durationID = "sponsorBlockDurationAfterSkips";
@@ -2143,7 +2144,7 @@ function showTimeWithoutSkips(skippedDuration: number): void {
     if (duration === null) {
         duration = document.createElement('span');
         duration.id = durationID;
-        duration.classList.add("ytp-time-duration");
+        duration.classList.add(displayClass);
 
         display.appendChild(duration);
     }