revert button dir

static/js/settings.js

@@ -1897,11 +1897,23 @@ function initCalibrationWizard() {
         }
     }
 
-    // LED navigation button handlers
-    ledPrev1.addEventListener('click', () => navigateToLED(currentLed - 1));
-    ledNext1.addEventListener('click', () => navigateToLED(currentLed + 1));
-    ledPrev5.addEventListener('click', () => navigateToLED(currentLed - 5));
-    ledNext5.addEventListener('click', () => navigateToLED(currentLed + 5));
+    // LED navigation button handlers (direction reverses when toggle is on)
+    ledPrev1.addEventListener('click', () => {
+        const direction = reversed ? 1 : -1;  // Reverse button direction if toggle is on
+        navigateToLED(currentLed + direction);
+    });
+    ledNext1.addEventListener('click', () => {
+        const direction = reversed ? -1 : 1;  // Reverse button direction if toggle is on
+        navigateToLED(currentLed + direction);
+    });
+    ledPrev5.addEventListener('click', () => {
+        const direction = reversed ? 5 : -5;  // Reverse button direction if toggle is on
+        navigateToLED(currentLed + direction);
+    });
+    ledNext5.addEventListener('click', () => {
+        const direction = reversed ? -5 : 5;  // Reverse button direction if toggle is on
+        navigateToLED(currentLed + direction);
+    });
 
     // Reverse direction toggle
     reverseDirectionToggle.addEventListener('change', () => {

templates/settings.html

@@ -888,7 +888,7 @@ input:checked + .slider:before {
 
   <!-- Calibration Wizard Modal -->
   <div id="calibrationModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
-    <div class="bg-white dark:bg-neutral-800 rounded-xl shadow-2xl w-full max-w-xl max-h-[85vh] overflow-y-auto">
+    <div class="bg-white dark:bg-neutral-800 rounded-xl shadow-2xl w-[60%] max-h-[85vh] overflow-y-auto">
       <!-- Modal Header -->
       <div class="flex items-center justify-between px-6 py-4 border-b border-slate-200">
         <h3 class="text-slate-900 text-xl font-semibold">Ball Tracking Calibration</h3>