scale proportionally rather than an absolute amount

1 files changed, 6 insertions, 4 deletions

diff --git a/print/resources/inkstitch.js b/print/resources/inkstitch.js
index 253e9243..2323ec7a 100644
--- a/print/resources/inkstitch.js
+++ b/print/resources/inkstitch.js
@@ -78,12 +78,14 @@ $(function() {
       var transform = svg.css('transform').match(/-?[\d\.]+/g);
       var scale     = parseFloat(transform[0]);
       
-      if( scale > 0.01 && (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0)) {
-        // scroll down
-        scale -= 0.01;
+      if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
+        // scroll down = zoom out
+        scale *= 0.97;
+        if (scale < 0.01)
+            scale = 0.01;
       } else {
         //scroll up
-        scale += 0.01;
+        scale *= 1.03;
       }
       
       // set modified scale