From 4f0d2bcc4a56955f123cafbee61bc6c3931023f8 Mon Sep 17 00:00:00 2001
From: Verena Schulz <verena.schulz@th-bingen.de>
Date: Thu, 27 Nov 2025 18:57:17 +0100
Subject: [PATCH] Fixed mockup sequence

---
 electron/main/index.html | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/electron/main/index.html b/electron/main/index.html
index 56aaf03..8bbb8cb 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -17,7 +17,22 @@
  
 <div class="mitte" id="mitte">
   <h1 id="h1">Video to document</h1> 
-  <div class="step" id="step1">
+
+<div class="step" id="step1">
+  <div class="upload-container" id="uploadContainer">
+    <p id="p1">Drag and drop video file</p>
+    <video id="previewThumbnail" autoplay="false">
+    </video>
+    <div class="file-name" id="fileName">No video chosen</div>
+    <div id="thumbnailContainer">
+      <img id="thumbnailImage" style="display:none;">
+    </div>
+      <button class="custom-btn" id="manualUploadBtn">Search video</button>
+  <input type="file" id="videoUpload" accept="video/*">
+  </div>
+</div>
+
+  <div class="step" id="step2" style="display:none;">
   <div class="labelDiv" id="labelDiv">
     <label id="labelKI">Select ki:</label>
     <label id="labelTranscription">Select transcription:</label>
@@ -38,21 +53,7 @@
   </div>
   </div>
 
-<div class="step" id="step3" style="display:none;">
-  <div class="upload-container" id="uploadContainer">
-    <p id="p1">Drag and drop video file</p>
-    <video id="previewThumbnail" autoplay="false">
-    </video>
-    <div class="file-name" id="fileName">No video chosen</div>
-    <div id="thumbnailContainer">
-      <img id="thumbnailImage" style="display:none;">
-    </div>
-      <button class="custom-btn" id="manualUploadBtn">Search video</button>
-  <input type="file" id="videoUpload" accept="video/*">
-  </div>
-</div>
-
-<div class="step" id="step2" style="display:none;"> 
+<div class="step" id="step3" style="display:none;"> 
 <div class="checkbox-group">
   <label id="checkbox_group" for="checkbox-group">Choose prefered document style:</label>
   <div class="checkbox-container">