From bfc0af6f801704e3e090c6f96e28ed5f3abe4e2c Mon Sep 17 00:00:00 2001
From: Dennis Benz <dennis.benz@uos.de>
Date: Mon, 2 Oct 2023 07:55:30 +0200
Subject: [PATCH] Center video controls

---
 src/main/VideoControls.tsx | 30 +++++++-----------------------
 1 file changed, 7 insertions(+), 23 deletions(-)

diff --git a/src/main/VideoControls.tsx b/src/main/VideoControls.tsx
index 975f2f1ab..e0ea82f9f 100644
--- a/src/main/VideoControls.tsx
+++ b/src/main/VideoControls.tsx
@@ -66,25 +66,11 @@ const VideoControls: React.FC<{
     ...(flexGapReplacementStyle(30, false)),
   })
 
-  const leftSideBoxStyle = css({
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'flex-end'
-  })
-
-  const rightSideBoxStyle = css({
-    width: '100%',
-    display: 'flex',
-    justifyContent: 'flex-start'
-  })
-
   return (
     <div css={videoControlsRowStyle}>
-      <div css={leftSideBoxStyle}>
-        <TimeDisplay
-          selectCurrentlyAt={selectCurrentlyAt}
-        />
-      </div>
+      <TimeDisplay
+        selectCurrentlyAt={selectCurrentlyAt}
+      />
       <PlayButton
         selectIsPlaying={selectIsPlaying}
         setIsPlaying={setIsPlaying}
@@ -95,12 +81,10 @@ const VideoControls: React.FC<{
         selectVolume={selectVolume}
         setVolume={setVolume}
       />
-      <div css={rightSideBoxStyle}>
-        <PreviewMode
-          selectIsPlayPreview={selectIsPlayPreview}
-          setIsPlayPreview={setIsPlayPreview}
-        />
-      </div>
+      <PreviewMode
+        selectIsPlayPreview={selectIsPlayPreview}
+        setIsPlayPreview={setIsPlayPreview}
+      />
     </div>
   );
 }