styles: Hide the white border that appears around credits

A white border appears around the frame while the credits are in
minimised mode. This is visible on the top and left sides of the frame.

Since we automatically click on the video, the white border only appears
for a second or less, but it's still visually jarring, all the more
because it shifts the position of the video.

Remove the white border, ensuring it never appears.

2 files changed, 9 insertions, 0 deletions

diff --git a/netflix-immersive.user.js b/netflix-immersive.user.js
index ea344e8..003dc97 100644
--- a/netflix-immersive.user.js
+++ b/netflix-immersive.user.js
@@ -117,6 +117,7 @@ function styles() {
     document.head.appendChild(style);
     var stylesheet = style.sheet;
     stylesheet.insertRule("\n\t\t/* \"Back to Browse\" button that appears when credits are minimised. */\n\t\t.OriginalsPostPlay-BackgroundTrailer .BackToBrowse,\n\n\t\t/* Age rating. */\n\t\t.player-view-childrens,\n\n\t\t/* \"Watch Credits\" button. */\n\t\t[data-uia=\"watch-credits-seamless-button\"],\n\n\t\t/* Skip buttons. */\n\t\ta[aria-label=\"Skip Intro\"],\n\t\ta[aria-label=\"Skip Recap\"],\n\t\ta[aria-label=\"Next Episode\"],\n\t\t[data-uia=\"next-episode-seamless-button\"] {\n\t\t\tvisibility: hidden !important;\n\t\t}", stylesheet.cssRules.length);
+    stylesheet.insertRule("\n\t\t/* Remove white border around credits. */\n\t\t.NFPlayer.can-resume:hover {\n\t\t\tborder: none !important;\n\t\t}", stylesheet.cssRules.length);
 }
 exports.default = styles;
 
diff --git a/src/styles.ts b/src/styles.ts
index db4c4b9..73ae7c9 100644
--- a/src/styles.ts
+++ b/src/styles.ts
@@ -42,4 +42,12 @@ export default function styles () {
 		}`,
 		stylesheet.cssRules.length
 	);
+
+	stylesheet.insertRule(`
+		/* Remove white border around credits. */
+		.NFPlayer.can-resume:hover {
+			border: none !important;
+		}`,
+		stylesheet.cssRules.length
+	);
 }