From 86cf324d62d06f801ebfaa8ea0889ac90971e076 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 21 Jul 2025 03:41:07 -0400
Subject: [PATCH 1/4] FIx chapter name alignment on new YouTube layout

---
 public/content.css                      | 6 +++++-
 src/components/ChapterVoteComponent.tsx | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/content.css b/public/content.css
index 23e531d664..8bccbcead7 100644
--- a/public/content.css
+++ b/public/content.css
@@ -184,6 +184,10 @@ div:hover > .sponsorBlockChapterBar {
 	margin: auto;
 }
 
+.sbChapterVoteButton {
+	padding: 0 !important;
+}
+
 .playerButton {
 	vertical-align: top;
 }
@@ -957,5 +961,5 @@ input::-webkit-inner-spin-button {
 }
 
 .sponsorblock-chapter-visible {
-	display: inherit !important;
+	display: block !important;
 }
\ No newline at end of file
diff --git a/src/components/ChapterVoteComponent.tsx b/src/components/ChapterVoteComponent.tsx
index eaafeaa1b4..3cbd0f967e 100644
--- a/src/components/ChapterVoteComponent.tsx
+++ b/src/components/ChapterVoteComponent.tsx
@@ -48,7 +48,7 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
                         draggable="false"
                         title={chrome.i18n.getMessage("upvoteButtonInfo")}
                         onClick={(e) => this.vote(e, 1)}>
-                    <ThumbsUpSvg className="playerButtonImage" 
+                    <ThumbsUpSvg className="playerButtonImage sbChapterVoteButton" 
                         fill={Config.config.colorPalette.white} 
                         width={this.state.size} height={this.state.size} />
                 </button>
@@ -102,7 +102,7 @@ class ChapterVoteComponent extends React.Component<ChapterVoteProps, ChapterVote
                             }
                         }}>
                     <ThumbsDownSvg 
-                        className="playerButtonImage" 
+                        className="playerButtonImage sbChapterVoteButton"
                         fill={downvoteButtonColor(this.state.segment ? [this.state.segment] : null, SkipNoticeAction.Downvote, SkipNoticeAction.Downvote)} 
                         width={this.state.size} 
                         height={this.state.size} />

From 907eba3827dc9a10d89d4bd7da643c4f98a789e4 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 21 Jul 2025 03:55:40 -0400
Subject: [PATCH 2/4] Fix skip to highlight button alignment on new layout

---
 public/content.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/public/content.css b/public/content.css
index 8bccbcead7..23f4af6a75 100644
--- a/public/content.css
+++ b/public/content.css
@@ -752,6 +752,13 @@ input::-webkit-inner-spin-button {
 	cursor: pointer;
 	display: flex;
     color: white;
+	align-items: center;
+}
+
+/* July 2025 test UI */
+.ytp-delhi-modern .skipButtonControlBarContainer {
+    height: 48px;
+    margin: auto 0;
 }
 
 .skipButtonControlBarContainer.sbhidden {

From 92b3cda9efd7a2062baae96448e0a576835cd79a Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 21 Jul 2025 04:00:33 -0400
Subject: [PATCH 3/4] Fix status of if segments were found in popup to account
 for disabled categories

---
 src/content.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content.ts b/src/content.ts
index c88430dc23..3fecfdae4b 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -1193,7 +1193,7 @@ async function sponsorsLookup(keepOldSubmissions = true, ignoreCache = false) {
         const receivedSegments = segmentData.segments;
 
         if (receivedSegments && receivedSegments.length) {
-            sponsorDataFound = true;
+            sponsorDataFound = receivedSegments.findIndex((segment) => getCategorySelection(segment).option !== CategorySkipOption.Disabled) !== -1;
 
             // Check if any old submissions should be kept
             if (sponsorTimes !== null && keepOldSubmissions) {

From 4296ea3f855b00163b3afbf3266999d1d6e17c48 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 21 Jul 2025 04:49:08 -0400
Subject: [PATCH 4/4] Fix alignment of segment category names on hover

---
 public/content.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/public/content.css b/public/content.css
index 23f4af6a75..57be071bfe 100644
--- a/public/content.css
+++ b/public/content.css
@@ -107,6 +107,10 @@ div:hover > #previewbar.sbNotInvidious {
 	transform: translateY(-1em) !important;
 }
 
+.ytp-tooltip.sponsorCategoryTooltipVisible {
+	transform: translateY(-1em) !important;
+}
+
 .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips {
 	transform: translateY(-2em) !important;
 }
@@ -145,17 +149,17 @@ div:hover > #previewbar.sbNotInvidious {
 }
 
 .ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper {
-	transform: translateY(1em) !important;
+	transform: translateY(1.75em) !important;
 }
 
-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {
-	display: block !important;
-	transform: translateY(1em) !important;
+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible > .ytp-tooltip-text-wrapper .ytp-tooltip-text {
+	display: inline-block !important;
+	transform: translateY(0.75em) !important;
 }
 
-.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper > .ytp-tooltip-text {
-	display: block !important;
-	transform: translateY(2em) !important;
+.ytp-big-mode .ytp-tooltip.sponsorCategoryTooltipVisible.sponsorTwoTooltips > .ytp-tooltip-text-wrapper .ytp-tooltip-text {
+	display: inline-block !important;
+	transform: translateY(0.75em) !important;
 }
 
 div:hover > .sponsorBlockChapterBar {