From 6784156a07b1f7dd1c914129e9356957f2e8c384 Mon Sep 17 00:00:00 2001
From: var-poro <110412302+var-poro@users.noreply.github.com>
Date: Fri, 5 Jul 2024 16:38:31 +0200
Subject: [PATCH] Move start exercise buttons higher in ActiveExercise

The start exercise and skip exercise buttons have been moved higher in the ActiveExercise component. This change is intended to make these buttons more prominent and easily accessible to the user. The updated position provides better usability by reducing the distance that the user's eye has to travel.
---
 app/src/components/ActiveExercise/ActiveExercise.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/src/components/ActiveExercise/ActiveExercise.tsx b/app/src/components/ActiveExercise/ActiveExercise.tsx
index 16650df..8441466 100644
--- a/app/src/components/ActiveExercise/ActiveExercise.tsx
+++ b/app/src/components/ActiveExercise/ActiveExercise.tsx
@@ -94,6 +94,12 @@ const ActiveExercise: FC<Props> = ({ exercise, nextExercise }) => {
           />
         </span>
       </div>
+      {!exerciseStarted && (
+        <div className={styles.buttonsContainer}>
+          <button onClick={handleStartExercise}>Démarrer</button>
+          <span onClick={nextExercise}>Passer l'exercice</span>
+        </div>
+      )}
       <div
         ref={exerciseRef}
         className={`${styles.exercise} ${isCollapsed ? styles.collapsed : ''}`}
@@ -163,12 +169,6 @@ const ActiveExercise: FC<Props> = ({ exercise, nextExercise }) => {
           </div>
         </>
       )}
-      {!exerciseStarted && (
-        <div className={styles.buttonsContainer}>
-          <button onClick={handleStartExercise}>Démarrer</button>
-          <span onClick={nextExercise}>Passer l'exercice</span>
-        </div>
-      )}
     </div>
   );
 };