From c50287a4a654a222618515a532f4f5b8d2528f54 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Wed, 12 Nov 2025 16:35:31 +0000
Subject: [PATCH] fix: center zoom at 100% by adjusting range to 25-175%

---
 static/js/main.js    |  4 ++--
 templates/index.html | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/static/js/main.js b/static/js/main.js
index f339090..7fc07a5 100644
--- a/static/js/main.js
+++ b/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);
diff --git a/templates/index.html b/templates/index.html
index 02bdb38..dcc54f1 100644
--- a/templates/index.html
+++ b/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"