From 160580a2a685e92d57e96e73f2fc5e2a8e254146 Mon Sep 17 00:00:00 2001
From: Gautam krishna R <rgautamkrishna@gmail.com>
Date: Thu, 2 Nov 2023 18:41:25 +0530
Subject: [PATCH] updated the subscribe button styling to match the new youtube
 ui (#29)

* updated the  subscribe button styling to match new youtube ui

* added code watch page subscribe button
---
 extension/script.js | 37 +++++++++----------------------------
 1 file changed, 9 insertions(+), 28 deletions(-)

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;
 }