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>