Index: sources/gui/qml/components/SliderArrows.qml
===================================================================
diff -u -rb7928a4d8056d00c11bf36b29ade9afb0840134a -r2ef03b2ce51b4dc507f66e9671953a8e0824bde9
--- sources/gui/qml/components/SliderArrows.qml	(.../SliderArrows.qml)	(revision b7928a4d8056d00c11bf36b29ade9afb0840134a)
+++ sources/gui/qml/components/SliderArrows.qml	(.../SliderArrows.qml)	(revision 2ef03b2ce51b4dc507f66e9671953a8e0824bde9)
@@ -1,14 +1,14 @@
 /*!
  *
- * Copyright (c) 2020-2023 Diality Inc. - All Rights Reserved.
+ * Copyright (c) 2023-2024 Diality Inc. - All Rights Reserved.
  * \copyright
  * THIS CODE MAY NOT BE COPIED OR REPRODUCED IN ANY FORM, IN PART OR IN
  * WHOLE, WITHOUT THE EXPLICIT PERMISSION OF THE COPYRIGHT OWNER.
  *
  * \file    SliderArrows.qml
- * \author  (last)      Vy Duong
- * \date    (last)      13-Mar-2023
- * \author  (original)  Vy Duong
+ * \author  (last)      Behrouz NematiPour
+ * \date    (last)      31-Mar-2023
+ * \author  (original)  Vy
  * \date    (original)  13-Mar-2023
  *
  */
@@ -29,15 +29,17 @@
     signal incrementValue()
     signal decrementValue()
 
-    width       : 200
-    height      : parent.height
+    width       : (Variables.sliderAdjustButtonDiameter * 2 + Variables.sliderAdjustButtonSpacing) // total width with 2 buttons and space in between
+    height      : Variables.sliderAdjustButtonDiameter
     anchors.leftMargin      : Variables.sliderAdjustButtonSpacing
     spacing                 : Variables.sliderAdjustButtonSpacing
 
     TouchRect { id: _decrementValueButton
         width: Variables.sliderAdjustButtonDiameter
         height: Variables.sliderAdjustButtonDiameter
         radius: Variables.sliderAdjustButtonDiameter
+        border.color: _adjustValueButtonsContainer.enabled ? Colors.borderButton : Colors.borderDisableButton
+        anchors.verticalCenter: parent.verticalCenter
 
         Image { id: _decrementArrowImage
             anchors.centerIn: parent
@@ -47,18 +49,19 @@
         }
 
         onPressed: decrementValue()
-//// commented out for future
-//            onPressAndHold: {
-//                _sliderAdjustValueTimer.isIncrementing = false
-//                _sliderAdjustValueTimer.restart()
-//            }
-//            onReleased: _sliderAdjustValueTimer.stop()
+        // onPressAndHold: {
+        //     _sliderAdjustValueTimer.isIncrementing = false
+        //     _sliderAdjustValueTimer.restart()
+        // }
+        // onReleased: _sliderAdjustValueTimer.stop()
     }
 
     TouchRect { id: _incrementValueButton
         width: Variables.sliderAdjustButtonDiameter
         height: Variables.sliderAdjustButtonDiameter
         radius: Variables.sliderAdjustButtonDiameter
+        border.color: _adjustValueButtonsContainer.enabled ? Colors.borderButton : Colors.borderDisableButton
+        anchors.verticalCenter: parent.verticalCenter
 
         Image { id: _incrementArrowImage
             anchors.centerIn: parent
@@ -68,32 +71,24 @@
         }
 
         onPressed: incrementValue()
-//// commented out for future
-//            onPressAndHold: {
-//                _sliderAdjustValueTimer.isIncrementing = true
-//                _sliderAdjustValueTimer.restart()
-//            }
-//            onReleased: _sliderAdjustValueTimer.stop()
+        // onPressAndHold: {
+        //     _sliderAdjustValueTimer.isIncrementing = true
+        //     _sliderAdjustValueTimer.restart()
+        // }
+        // onReleased: _sliderAdjustValueTimer.stop()
     }
 
-//// commented out for future
-//    Timer { id: _sliderAdjustValueTimer
-//        property bool isIncrementing : true
-//        interval: 250 //ms
-//        running : false
-//        repeat  : true
-//        onTriggered: {
-//            if(isIncrementing)
-//                incrementValue()
-//            else
-//                decrementValue()
-
-//            // for optimizing purposes, stop timer when max or min value reached
-//            if ((_root.value == maximum) || (_root.value == minimum)) {
-//                _sliderAdjustValueTimer.stop()
-//            }
-
-//            //DEBUG console.log("timer triggered " + _root.value)
-//        }
-//    }
+    // Timer { id: _sliderAdjustValueTimer
+    //     property bool isIncrementing : true
+    //     interval: Variables.sliderAdjustPressAndHoldRefreshRate //ms
+    //     running : false
+    //     repeat  : true
+    //     onTriggered: {
+    //         if(isIncrementing)
+    //             incrementValue()
+    //         else
+    //             decrementValue()
+    //         //DEBUG console.log("timer triggered " + _root.value)
+    //     }
+    // }
 }