extension/script.js

@@ -146,7 +146,25 @@ function ensureTALinks() {
 
 // fix positioning of #owner div to fit new button
 function adjustOwner(channelContainer) {
-  return channelContainer.querySelector('#buttons') || 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 buildChannelButton(channelContainer) {
@@ -179,6 +197,7 @@ function getChannelHandle(channelContainer) {
 function buildChannelButtonDiv() {
   let buttonDiv = document.createElement('div');
   buttonDiv.classList.add('ta-channel-button');
+
   Object.assign(buttonDiv.style, {
     display: 'flex',
     alignItems: 'center',
@@ -186,8 +205,8 @@ function buildChannelButtonDiv() {
     color: '#fff',
     fontSize: '14px',
     padding: '5px',
-    'margin-left': '8px',
-    borderRadius: '18px',
+    margin: '5px',
+    borderRadius: '8px',
   });
   return buttonDiv;
 }
@@ -289,7 +308,6 @@ function getTitleContainers() {
 
 function buildVideoButton(titleContainer) {
   let href = getNearestLink(titleContainer);
-  if (!href) return;
   const dlButton = document.createElement('a');
   dlButton.classList.add('ta-button');
   dlButton.href = '#';
@@ -391,8 +409,7 @@ function checkVideoExists(taButton) {
   }
   function handleError() {
     buttonError(taButton);
-    let videoId = taButton.dataset.id;
-    console.log(`error: failed to get info from TA for video ${videoId}`);
+    console.log('error');
   }
 
   let videoId = taButton.dataset.id;