diff --git a/extension/script.js b/extension/script.js index ce83d1e..1ddb5bd 100644 --- a/extension/script.js +++ b/extension/script.js @@ -146,25 +146,7 @@ function ensureTALinks() { // 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; + return channelContainer.querySelector("#buttons") || channelContainer; } function buildChannelButton(channelContainer) { @@ -197,16 +179,15 @@ function getChannelHandle(channelContainer) { function buildChannelButtonDiv() { let buttonDiv = document.createElement('div'); buttonDiv.classList.add('ta-channel-button'); - Object.assign(buttonDiv.style, { - display: 'flex', - alignItems: 'center', - backgroundColor: '#00202f', - color: '#fff', - fontSize: '14px', - padding: '5px', - margin: '5px', - borderRadius: '8px', + 'display': 'flex', + 'alignItems': 'center', + 'backgroundColor': '#00202f', + 'color': '#fff', + 'fontSize': '14px', + 'padding': '5px', + 'margin-left': '8px', + 'borderRadius': '18px', }); return buttonDiv; }