fix confirmation dialog

Thermo.Active/wwwroot/assets/styles/base/paddle.less

@@ -75,6 +75,7 @@
     display: grid;
     grid-template-rows: 50px 1fr 50px;
     padding: 1rem;
+    position: relative;
 
     header {
       display: flex;

Thermo.Active/wwwroot/assets/styles/style.css

@@ -4812,6 +4812,7 @@ article .box .body {
   display: grid;
   grid-template-rows: 50px 1fr 50px;
   padding: 1rem;
+  position: relative;
 }
 .paddle section header {
   display: flex;

Thermo.Active/wwwroot/src/app_modules_thermo/components/paddle/paddle.vue

@@ -37,6 +37,16 @@
 					<i class="fa fa-chevron-left" v-else></i>
 				</div>
 			</footer>
+			<div class="box-softkeys-prefered-footer" v-if="confirmationDelegate">
+				{{'softkey_confirm' | localize("Confirm?")}}
+				<div class="buttons">
+					<button
+						class="btn btn-success"
+						@click="sendKeyConfirm()"
+					>{{'confirm_request_confirm' | localize("Confirm")}}</button>
+					<button class="btn" @click="sendKeyCancel()">{{'confirm_request_cancel' | localize("Cancel")}}</button>
+				</div>
+			</div>
 		</section>
 
 		<section class="all">
@@ -60,17 +70,6 @@
 			</article>
 			<footer></footer>
 		</section>
-
-		<div class="box-softkeys-prefered-footer" v-if="confirmationDelegate">
-			{{'softkey_confirm' | localize("Confirm?")}}
-			<div class="buttons">
-				<button
-					class="btn btn-success"
-					@click="sendKeyConfirm()"
-				>{{'confirm_request_confirm' | localize("Confirm")}}</button>
-				<button class="btn" @click="sendKeyCancel()">{{'confirm_request_cancel' | localize("Cancel")}}</button>
-			</div>
-		</div>
 	</div>
 </template>
 <script lang="ts" src="./paddle.ts" />