fix: fix album actions

- fix #2202

src/plugins/album-actions/index.ts

@@ -112,8 +112,13 @@ export default createPlugin<
           i++;
         }
       }
-      const menu = document.querySelector('.detail-page-menu');
+      const menuParent = document.querySelector('#action-buttons')?.parentElement;
-      if (menu && !document.querySelector('.like-menu')) {
+      if (menuParent && !document.querySelector('.like-menu')) {
+        const menu = document.createElement('div');
+        menu.id = 'ytmd-album-action-buttons';
+        menu.className = 'action-buttons style-scope ytmusic-responsive-header-renderer';
+
+        menuParent.insertBefore(menu, menuParent.children[menuParent.children.length - 1]);
         for (const button of buttons) {
           menu.appendChild(button);
           button.addEventListener('click', this.loadFullList);

src/plugins/album-actions/templates/dislike.html

@@ -1,3 +1,4 @@
+<div class="style-scope">
   <button
     id="alldislike"
     data-type="dislike"
@@ -72,3 +73,4 @@
       </div>
     </yt-touch-feedback-shape>
   </button>
+</div>

src/plugins/album-actions/templates/like.html

@@ -1,3 +1,4 @@
+<div class="style-scope">
   <button
     id="alllike"
     data-type="like"
@@ -72,3 +73,4 @@
       </div>
     </yt-touch-feedback-shape>
   </button>
+</div>

src/plugins/album-actions/templates/undislike.html

@@ -1,3 +1,4 @@
+<div class="style-scope">
   <button
     id="allundislike"
     data-type="dislike"
@@ -72,3 +73,4 @@
       </div>
     </yt-touch-feedback-shape>
   </button>
+</div>

src/plugins/album-actions/templates/unlike.html

@@ -1,3 +1,4 @@
+<div class="style-scope">
   <button
     id="allunlike"
     data-type="like"
@@ -72,3 +73,4 @@
       </div>
     </yt-touch-feedback-shape>
   </button>
+</div>