fix: center zoom at 100% by adjusting range to 25-175%

static/js/main.js

@@ -343,7 +343,7 @@
 
     /**
      * Apply zoom transformation to CV paper
-     * @param {number} zoomValue - Zoom percentage (50-200)
+     * @param {number} zoomValue - Zoom percentage (25-175, centered at 100)
      * @param {boolean} saveToStorage - Whether to persist to localStorage
      */
     function applyZoom(zoomValue, saveToStorage = true) {
@@ -410,7 +410,7 @@
         if (!slider) return;
 
         const currentZoom = parseInt(slider.value, 10);
-        const newZoom = Math.min(200, Math.max(50, currentZoom + step));
+        const newZoom = Math.min(175, Math.max(25, currentZoom + step));
 
         slider.value = newZoom;
         applyZoom(newZoom, true);

templates/index.html

@@ -471,23 +471,23 @@
             <iconify-icon icon="mdi:close" width="16" height="16"></iconify-icon>
         </button>
 
-        <span class="zoom-value zoom-value-min" aria-hidden="true">50</span>
+        <span class="zoom-value zoom-value-min" aria-hidden="true">25</span>
 
         <input
             type="range"
             id="zoom-slider"
             class="zoom-slider"
-            min="50"
-            max="200"
+            min="25"
+            max="175"
             step="1"
             value="100"
             aria-label="{{if eq .Lang "es"}}Ajustar nivel de zoom del CV{{else}}Adjust CV zoom level{{end}}"
-            aria-valuemin="50"
-            aria-valuemax="200"
+            aria-valuemin="25"
+            aria-valuemax="175"
             aria-valuenow="100"
             aria-valuetext="100%">
 
-        <span class="zoom-value zoom-value-max" aria-hidden="true">200</span>
+        <span class="zoom-value zoom-value-max" aria-hidden="true">175</span>
 
         <button
             id="zoom-reset"