From d3e647d0cf2c920ecfed40a76bfb36af4ccb84ac Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Fri, 2 Dec 2022 14:17:56 +0700
Subject: [PATCH] fix video button overlap, #10

---
 extension/script.js | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/extension/script.js b/extension/script.js
index bebff3f..a7f00db 100644
--- a/extension/script.js
+++ b/extension/script.js
@@ -112,7 +112,7 @@ function buildButtonDiv() {
         alignItems: "center",
         backgroundColor: "#00202f",
         color: "#fff",
-        fontSize: "1.7rem",
+        fontSize: "14px",
         padding: "5px",
         margin: "0 5px",
         borderRadius: "8px",
@@ -141,7 +141,7 @@ function buildSubLink(channelContainer) {
         e.target.title = "TA Subscribe: " + subText;
     });
     Object.assign(subLink.style, {
-        padding: "5px 10px",
+        padding: "5px",
         cursor: "pointer",
     });
     
@@ -179,7 +179,7 @@ function buildDlLink(channelContainer) {
     Object.assign(dlLink.style, {
         filter: "invert()",
         width: "20px",
-        padding: "0 10px",
+        padding: "0 5px",
         cursor: "pointer",
     });
 
@@ -273,11 +273,36 @@ function buildVideoButton(thumbContainer) {
 }
 
 
+// fix positioning of #owner div to fit new button
+function adjustOwner(channelContainer) {
+    let sponsorButton = channelContainer.querySelector('#sponsor-button');
+    if (sponsorButton === null) {
+        return channelContainer
+    }
+
+    let variableMinWidth
+    if (sponsorButton.hasChildNodes()) {
+        variableMinWidth = '140px';
+    } else {
+        variableMinWidth = '45px';
+    }
+
+    Object.assign(channelContainer.firstElementChild.style, {
+        minWidth: variableMinWidth
+    })
+    Object.assign(channelContainer.style, {
+        minWidth: 'calc(40% + 50px)'
+    })
+    return channelContainer
+}
+
+
 function ensureTALinks() {
 
     var channelContainerNodes = getChannelContainers()
 
     for (var channelContainer of channelContainerNodes) {
+        channelContainer = adjustOwner(channelContainer);
         if (channelContainer.hasTA) continue;
         var channelButton = buildChannelButton(channelContainer);
         channelContainer.appendChild(channelButton);