From 80493a52be4e01317030cf809a6d1000859628d7 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 10 Mar 2026 20:46:28 +0200
Subject: [PATCH] feat(video_player): move loop to center section

---
 apps/client/src/widgets/type_widgets/file/Video.css | 5 +++++
 apps/client/src/widgets/type_widgets/file/Video.tsx | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/type_widgets/file/Video.css b/apps/client/src/widgets/type_widgets/file/Video.css
index 0be415f84d..a405bd59c2 100644
--- a/apps/client/src/widgets/type_widgets/file/Video.css
+++ b/apps/client/src/widgets/type_widgets/file/Video.css
@@ -44,6 +44,11 @@
                 display: flex;
             }
 
+            .spacer {
+                width: var(--icon-button-size, 32px);
+                height: var(--icon-button-size, 32px);
+            }
+
             .center {
                 justify-content: center;
             }
diff --git a/apps/client/src/widgets/type_widgets/file/Video.tsx b/apps/client/src/widgets/type_widgets/file/Video.tsx
index 0403ff7355..8197192e66 100644
--- a/apps/client/src/widgets/type_widgets/file/Video.tsx
+++ b/apps/client/src/widgets/type_widgets/file/Video.tsx
@@ -124,12 +124,13 @@ export default function VideoPreview({ note }: { note: FNote }) {
                     <div className="left">
                         <PlaybackSpeed videoRef={videoRef} />
                         <RotateButton videoRef={videoRef} />
-                        <LoopButton videoRef={videoRef} />
                     </div>
                     <div className="center">
+                        <div className="spacer" />
                         <SkipButton videoRef={videoRef} seconds={-10} icon="bx bx-rewind" text={t("video.back-10s")} />
                         <PlayPauseButton videoRef={videoRef} playing={playing} />
                         <SkipButton videoRef={videoRef} seconds={30} icon="bx bx-fast-forward" text={t("video.forward-30s")} />
+                        <LoopButton videoRef={videoRef} />
                     </div>
                     <div className="right">
                         <VolumeControl videoRef={videoRef} />