From 8d57c391b68076a6a7e4e4b0d4a2c6432f2358d9 Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Fri, 18 Nov 2022 15:56:33 +0100
Subject: [PATCH] Keep video controls row from overflowing

For resolutions with small widths, the elements of the video control row
would visibly overflow, for example into the main menu. Overflow should
now be "hidden" like e.g. in the cutting actions row.
---
 src/main/Video.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/main/Video.tsx b/src/main/Video.tsx
index ec31d80c4..5c1682efe 100644
--- a/src/main/Video.tsx
+++ b/src/main/Video.tsx
@@ -457,8 +457,6 @@ export const VideoControls: React.FC<{
   const videoControlsRowStyle = css({
     display: 'flex',
     flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
     width: '100%',
     padding: '20px',
     ...(flexGapReplacementStyle(50, false)),
@@ -539,7 +537,8 @@ const PreviewMode: React.FC<{
     display: 'flex',
     ...(flexGapReplacementStyle(10, false)),
     justifyContent: 'center',
-    alignItems: 'center'
+    alignItems: 'center',
+    overflow: 'hidden',
   })
 
   const switchIconStyle = (theme: Theme) => css({