Added headings, some finetuning

electron/main/index.html

@@ -43,6 +43,7 @@
   <div class="mitte" id="mitte">
 
     <div class="step" id="step1">
+      <h2 id="h2">Upload your Video here:</h2>
       <div class="upload-container" id="uploadContainer">
         <p id="p1">Drag and drop video file</p>
         <video id="previewThumbnail" autoplay="false">
@@ -57,6 +58,7 @@
     </div>
 
     <div class="step" id="step2" style="display:none;">
+      <h2 id="h2">Choose your preferences:</h2>
       <div class="KI-wrapper">
        <label id="labelKI">Select ki:</label>
         <select name="ai_type" id="ai_type"></select>
@@ -86,7 +88,7 @@
 
     <div class="step" id="step3" style="display:none;">
       <div class="checkbox-group">
-        <label id="checkbox-label" for="checkbox-group">Choose prefered document style:</label>
+        <h2 id="h2">Choose prefered document style:</h2>
         <div class="checkbox-container">
           <input type="checkbox" name ="docFormat" id="docFormat" value="followup-report">
           <label id="label_format" for="docFormat">Follow-up Report</label>
@@ -113,6 +115,7 @@
     </div>
 
     <div class="step" id="step4" style="display:none;">
+      <h2 id="h2">Klick to submit:</h2>
       <button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
 
       <div class="testy" id="testy">
@@ -131,6 +134,7 @@
     </div>
 
     <div class="step" id="step5" style="display:none;">
+      <h2 id="h2">Change names of the speakers:</h2>
       <div class="speakerView" id="speakerView">
        <label id="labelSpeaker">Select Speaker:</label>
        <select name="cur_speaker" id="cur_speaker">
@@ -153,6 +157,7 @@
     </div>
 
     <div class="step" id="step6" style="display:none;">
+      <h2 id="h2">Klick to download your document:</h2>
       <button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button>
     </div>
   </div>

electron/main/style.css

@@ -113,7 +113,7 @@ body {
 }
 
 .KI-wrapper {
-  margin-top: 40px;
+  margin-top: 10px;
 }
  
 input[type="file"] {
@@ -186,7 +186,7 @@ input[type="file"] {
   align-items: center;
   justify-content: center;
   padding: 10px 20px;
-  margin: 130px auto 10px auto;
+  margin: 100px auto 10px auto;
   background-color: #007BFF;
   color: white;
   border: none;
@@ -297,10 +297,10 @@ input[type="file"] {
 
 /*panels*/
 .step {
-  margin-top: 70px;
+  margin-top: 50px;
   display: flex;
   flex-direction: column;
-  min-height: 400px;
+  min-height: 425px;
 }
 
 /*Navigation arrows*/
@@ -511,3 +511,7 @@ li {
   cursor: pointer;
   font-size: 14px;
 }
+
+#h2 {
+  font-size: 25px;
+}