From d80650e0dd8765f15b71110327c4856c1cfda8a6 Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Sun, 21 May 2023 00:50:15 +0300
Subject: [PATCH] Make rating button look like other buttons

---
 src/controllers/playback/video/index.html | 6 ++----
 src/controllers/playback/video/index.js   | 3 +++
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/controllers/playback/video/index.html b/src/controllers/playback/video/index.html
index d046360053..d9de34d308 100644
--- a/src/controllers/playback/video/index.html
+++ b/src/controllers/playback/video/index.html
@@ -69,10 +69,8 @@
                 <div class="osdRatingsText">
                 </div>
 
-                <button is="emby-ratingbutton" type="button" class="button-flat hide btnUserRating detailButton" title="${Rate}">
-                    <div class="detailButton-content">
-                        <span class="material-icons detailButton-icon favorite" aria-hidden="true"></span>
-                    </div>
+                <button is="emby-ratingbutton" type="button" class="btnUserRating hide autoSize paper-icon-button-light" title="${Rate}">
+                    <span class="xlargePaperIconButton material-icons favorite" aria-hidden="true"></span>
                 </button>
 
                 <button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
diff --git a/src/controllers/playback/video/index.js b/src/controllers/playback/video/index.js
index a3e91a21b7..cb237d3466 100644
--- a/src/controllers/playback/video/index.js
+++ b/src/controllers/playback/video/index.js
@@ -1739,6 +1739,9 @@ export default function (view) {
     view.querySelector('.btnAudio').addEventListener('click', showAudioTrackSelection);
     view.querySelector('.btnSubtitles').addEventListener('click', showSubtitleTrackSelection);
 
+    // HACK: Remove `emby-button` from the rating button to make it look like the other buttons
+    view.querySelector('.btnUserRating').classList.remove('emby-button');
+
     // Register to SyncPlay playback events and show big animated icon
     const showIcon = (action) => {
         let primary_icon_name = '';