From 213de461bbc70d27a40b57505e876209fe036d76 Mon Sep 17 00:00:00 2001
From: jaknapper <jaknapper@hotmail.com>
Date: Wed, 13 Aug 2025 17:43:43 +0100
Subject: [PATCH] Update position and behaviour of +/- buttons

---
 .../modalComponents/calibrationModal.vue       | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/webapp/src/components/modalComponents/calibrationModal.vue b/webapp/src/components/modalComponents/calibrationModal.vue
index efae9e36..6ad694a6 100644
--- a/webapp/src/components/modalComponents/calibrationModal.vue
+++ b/webapp/src/components/modalComponents/calibrationModal.vue
@@ -70,30 +70,30 @@
         ></miniStreamDisplay>
         <div class="action-button-container">
           <action-button
-          ref="moveZ"
+          class="moveZ"
           thing="stage"
           action="move_relative"
           :button-primary="false"
           :submit-data="{ x: 0, y: 0, z: -100}"
-          :submit-label="'-'"
+          :submit-label="' - '"
+          :hideOnRun="false"
           :can-terminate="false"
           @finished="
             updatePosition();
           "
-          class="action-button"
           />
           <action-button
-          ref="moveZ"
+          class="moveZ"
           thing="stage"
           action="move_relative"
           :button-primary="false"
           :submit-data="{ x: 0, y: 0, z: 100}"
           :submit-label="'+'"
           :can-terminate="false"
+          :hideOnRun="false"
           @finished="
             updatePosition();
           "
-          class="action-button"
           />
         </div>
       </div>
@@ -334,9 +334,11 @@ export default {
   gap: 8px;                  /* Small space between buttons */
   margin-top: 4px;           /* Gap from image */
 }
-.action-button {
-  padding: 6px 12px;      /* Smaller button */
-  font-size: 22px !important;
+>>> .moveZ .uk-button.uk-width-1-1 {
+  line-height: 50px;
+  font-size: 50px !important;
+  height: 60px; 
+  padding-bottom: 46px;
   margin: 0;                 /* Remove default margin */
   width: 120px;
   min-width: 80px;