From 958c9368d0e4ec183c61f5bc15f7164024ff4526 Mon Sep 17 00:00:00 2001
From: Verena Schulz <verena.schulz@th-bingen.de>
Date: Wed, 17 Dec 2025 15:21:17 +0100
Subject: [PATCH] Added wrapper in step 2

---
 electron/main/index.html | 27 ++++++++++++++++-----------
 electron/main/style.css  |  7 ++++++-
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/electron/main/index.html b/electron/main/index.html
index 5a27836..03f44b5 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -57,26 +57,31 @@
     </div>
 
     <div class="step" id="step2" style="display:none;">
-      <div class="labelDiv" id="labelDiv">
+      <div class="KI-wrap">
        <label id="labelKI">Select ki:</label>
-        <label id="labelTranscription">Select transcription:</label>
-        <label id="labelType">Select type:</label>
-        <label id="labelLanguage">Select language:</label>
-        <img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
+        <select name="ai_type" id="ai_type"></select>
       </div>
-      <div class="dropdownMenus" id="dropdownMenus">
-        <select name="ai_type" id="ai_type">
-        </select>
-        <select name="transkript_type" id="transkript_type">
-        </select>
+
+      <div class="transcript-wrap">
+        <label id="labelTranscription">Select transcription:</label>
+        <select name="transkript_type" id="transkript_type"></select>
+      </div>
+
+      <div class="type-wrapper">
+        <label id="labelType">Select type:</label>
         <select name="output_type" id="output_type">
           <option value="pdf">.pdf</option>
           <option value="word">.word</option>
           <option value="txt">.txt</option>
         </select>
+      </div>
+
+      <div class="language-wrapper">
+        <label id="labelLanguage">Select language:</label>
+        <img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
         <select name="language_option" id="language_option">
         </select>
-      </div>
+      </div> 
     </div>
 
     <div class="step" id="step3" style="display:none;">
diff --git a/electron/main/style.css b/electron/main/style.css
index 20519bd..5b894e7 100644
--- a/electron/main/style.css
+++ b/electron/main/style.css
@@ -17,7 +17,6 @@ body {
   transform: translate(-50%, -50%);
   margin: 0;
   z-index: 20;
-
 }
 
 #h1-wrapper {
@@ -108,6 +107,12 @@ body {
 .submit-btn:hover {
   background-color: #0056b3;
 }
+
+#step2 {
+  display: flex;
+  justify-content: center;
+  gap: 30px;
+}
  
 input[type="file"] {
   display: none;