From 56e5fc21390daf0be96e9e6c90ffaccca7a81a96 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Thu, 30 Mar 2023 00:02:43 +0900
Subject: [PATCH] move play segments button

---
 src/BottomBar.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/BottomBar.jsx b/src/BottomBar.jsx
index 4c0045bc..12b8cde2 100644
--- a/src/BottomBar.jsx
+++ b/src/BottomBar.jsx
@@ -159,7 +159,7 @@ const BottomBar = memo(({
       background: `linear-gradient(90deg, ${gradientColors})`,
       border: '1px solid var(--gray8)',
       color: 'white',
-      margin: '2px 4px 0 0px',
+      margin: '0px 5px 0 0px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -299,12 +299,6 @@ const BottomBar = memo(({
           />
         </div>
 
-        <div role="button" onClick={toggleLoopSelectedSegments} title={t('Play selected segments in order')} style={loopSelectedSegmentsButtonStyle}>
-          <FaPlay
-            size={14}
-          />
-        </div>
-
         {!simpleMode && (
           <FaCaretRight
             style={{ flexShrink: 0, marginRight: -6, marginLeft: -4 }}
@@ -425,6 +419,12 @@ const BottomBar = memo(({
           </>
         )}
 
+        <div role="button" onClick={toggleLoopSelectedSegments} title={t('Play selected segments in order')} style={loopSelectedSegmentsButtonStyle}>
+          <FaPlay
+            size={14}
+          />
+        </div>
+
         {(!simpleMode || !exportConfirmEnabled) && <ToggleExportConfirm style={{ marginRight: 5 }} />}
 
         <ExportButton size={1.3} segmentsToExport={segmentsToExport} areWeCutting={areWeCutting} onClick={onExportPress} />