Re #11289 Základní přesun tlačítek a jejich stylování

src/app/app.component.css

 .component {
     width: 100%;
+}
+
+.container {
+    width: 50%;
+}
+
+.buttons {
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background-color: red;
 }
\ No newline at end of file

src/app/app.component.html

@@ -19,4 +19,40 @@
     [unMarkFinalStateHandler]="unMarkFinalStateHandler"
   >
   </final-stage>
+
+  <div class="buttons">
+    <div class="container">
+      <custom-button 
+        buttonText="Stop recording"
+        size="M"
+        iconType="fontawesome"
+        icon="fa fa-stop"
+        additionalClasses="stop-button"
+        additionalStyles="width:100%"
+        (click)="toggleRecording()" *ngIf="recording">
+      </custom-button>
+
+      <custom-button 
+        buttonText="Start recording"
+        size="M"
+        iconType="fontawesome"
+        icon="fa fa-play"
+        additionalClasses="start-button"
+        additionalStyles="width:100%"
+        (click)="toggleRecording()" *ngIf="!recording">
+      </custom-button>
+    </div>
+
+    <div class="container">
+      <custom-button
+        buttonText="Finish"
+        size="M"
+        iconType="fontawesome"
+        icon="fa fa-solid fa-flag-checkered"
+        additionalClasses="delete-button"
+        additionalStyles="width:100%"
+        (click)="markFinalStateHandler()">
+      </custom-button>
+    </div>
+  </div>
 </div>

src/app/view/pages/overview/overview.component.html

@@ -12,7 +12,7 @@
   (click)="deleteAllActionsHandler()"></custom-button>
 
   <div style="display: inline-block; width: 10px;"></div>
-
+<!--
 <custom-button 
   buttonText="Stop recording"
   size="M"
@@ -29,7 +29,7 @@
   icon="fa fa-play"
   additionalClasses="start-button"
   (click)="toggleRecordingHandler()" *ngIf="!recording"></custom-button>
-
+-->
 <!-- List of actions -->
 <div *ngFor="let action of actions; index as i" class="action-block">
   <!-- <div *ngIf="action.documentAction" [ngSwitch]="action.type">
@@ -53,7 +53,7 @@
   </ng-container>
 </div>
 
-
+<!--
 <custom-button
 buttonText="Mark final state"
 size="M"
@@ -62,4 +62,5 @@ icon="fa fa-solid fa-flag-checkered"
 additionalClasses="info-button"
 additionalStyles="margin-top: 2em; margin-left:1em;"
 (click)="markFinalStateHandler()">
-</custom-button>
\ No newline at end of file
+</custom-button>
+-->
\ No newline at end of file