Make rating button look like other buttons

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

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 = '';