From d516fc2153a0a45118d4bfa5ac5128c408b1c218 Mon Sep 17 00:00:00 2001
From: IanDesuyo <59338745+IanDesuyo@users.noreply.github.com>
Date: Mon, 14 Oct 2024 03:27:23 +0800
Subject: [PATCH] fix(renderer): fix force like buttons display logic (#2493)

---
 src/renderer.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer.ts b/src/renderer.ts
index a1041a3c..3232fc20 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -237,16 +237,16 @@ async function onApiLoaded() {
     'options.likeButtons',
   );
   if (likeButtonsOptions) {
-    const likeButtons: HTMLElement | null = document.querySelector(
-      'ytmusic-like-button-renderer',
-    );
-    if (likeButtons) {
-      likeButtons.style.display =
-        {
-          hide: 'none',
-          force: 'inherit',
-        }[likeButtonsOptions] || '';
-    }
+    const style = document.createElement('style');
+    style.textContent = `
+      ytmusic-player-bar[is-mweb-player-bar-modernization-enabled] .middle-controls-buttons.ytmusic-player-bar, #like-button-renderer {
+        display: ${likeButtonsOptions === 'hide' ? 'none' : 'inherit'} !important;
+      }
+      ytmusic-player-bar[is-mweb-player-bar-modernization-enabled] .middle-controls.ytmusic-player-bar {
+        justify-content: ${likeButtonsOptions === 'hide' ? 'flex-start' : 'space-between'} !important;
+      }`;
+
+    document.head.appendChild(style);
   }
 }