From a2a4e2a966fcb54344b379669c3b3b6f4d51031e Mon Sep 17 00:00:00 2001
From: Julian Kniephoff <kniephoff@elan-ev.de>
Date: Wed, 12 Jun 2024 14:48:51 +0200
Subject: [PATCH] Some stylistic nitpicks

---
 src/main/VideoPlayers.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/main/VideoPlayers.tsx b/src/main/VideoPlayers.tsx
index 0eb23d6e8..d4aaadc15 100644
--- a/src/main/VideoPlayers.tsx
+++ b/src/main/VideoPlayers.tsx
@@ -304,12 +304,12 @@ export const VideoPlayer = React.forwardRef<VideoPlayerForwardRef, VideoPlayerPr
     };
 
     /**
-   * Workaround for subtitles not appearing in Firefox (or only appearing on inital mount, then disappearing
-   * when changed). Removes old tracks and readds them, because letting React to it does not seem
-   * to work properly.
-   * Fairly hacky, currently only works for a page with only one video
-   * https://github.com/CookPete/react-player/issues/490
-   */
+     * Workaround for subtitles not appearing in Firefox (or only appearing on inital mount, then disappearing
+     * when changed). Removes old tracks and readds them, because letting React to it does not seem
+     * to work properly.
+     * Fairly hacky, currently only works for a page with only one video
+     * https://github.com/CookPete/react-player/issues/490
+     */
     function reAddTrack() {
       const video = document.querySelector("video");
 
@@ -393,10 +393,14 @@ export const VideoPlayer = React.forwardRef<VideoPlayerForwardRef, VideoPlayerPr
       aspectRatio: "16 / 9",    // Hard-coded for now because there are problems with updating this value at runtime
 
       overflow: "hidden", // Required for borderRadius to show
-      ...(first) && { borderTopLeftRadius: "5px" },
-      ...(first) && { borderBottomLeftRadius: "5px" },
-      ...(last) && { borderTopRightRadius: "5px" },
-      ...(last) && { borderBottomRightRadius: "5px" },
+      ...first && {
+        borderTopLeftRadius: "5px",
+        borderBottomLeftRadius: "5px",
+      },
+      ...last && {
+        borderTopLeftRadius: "5px",
+        borderBottomRightRadius: "5px",
+      },
     });
 
     const render = () => {