# HG changeset patch
# User cavaliet
# Date 1392041984 -3600
# Node ID a6366edf1676dc2c3f29ac10fcf5ed26801d107f
# Parent  128d9785b443d14aabd88bddc6d32050f993a062
add auto scale button

diff -r 128d9785b443 -r a6366edf1676 client/css/renkan.css
--- a/client/css/renkan.css	Mon Feb 10 12:08:10 2014 +0100
+++ b/client/css/renkan.css	Mon Feb 10 15:19:44 2014 +0100
@@ -445,18 +445,21 @@
     top: 0;
 }
 
-.Rk-ZoomIn, .Rk-ZoomOut {
+.Rk-ZoomIn, .Rk-ZoomOut, .Rk-ZoomFit {
     width: 21px; height: 20px; background: url(../img/zoombuttons.png); margin: 5px;
 }
-
 .Rk-ZoomIn:hover {
     background-position: 0 -20px;
 }
-
+.Rk-ZoomFit {
+    background-position: -42px 0;
+}
+.Rk-ZoomFit:hover {
+    background-position: -42px -20px;
+}
 .Rk-ZoomOut {
     background-position: -21px 0;
 }
-
 .Rk-ZoomOut:hover {
     background-position: -21px -20px;
 }
diff -r 128d9785b443 -r a6366edf1676 client/img/zoombuttons.png
Binary file client/img/zoombuttons.png has changed
diff -r 128d9785b443 -r a6366edf1676 client/js/paper-renderer.js
--- a/client/js/paper-renderer.js	Mon Feb 10 12:08:10 2014 +0100
+++ b/client/js/paper-renderer.js	Mon Feb 10 15:19:44 2014 +0100
@@ -1790,6 +1790,7 @@
     
     bindClick(".Rk-ZoomOut", "zoomOut");
     bindClick(".Rk-ZoomIn", "zoomIn");
+    bindClick(".Rk-ZoomFit", "autoScale");
     this.$.find(".Rk-CurrentUser").mouseenter(
         function() { _this.$.find(".Rk-UserList").slideDown(); }
     );
@@ -1996,7 +1997,7 @@
     + '<div class="Rk-Editing-Space<% if (!options.show_top_bar) { %> Rk-Editing-Space-Full<% } %>">'
     + '<div class="Rk-Labels"></div><canvas class="Rk-Canvas" resize></canvas><div class="Rk-Notifications"></div><div class="Rk-Editor">'
     + '<% if (options.show_bins) { %><div class="Rk-Fold-Bins">&laquo;</div><% } %>'
-    + '<div class="Rk-ZoomButtons"><div class="Rk-ZoomIn" title="<%-translate("Zoom In")%>"></div><div class="Rk-ZoomOut" title="<%-translate("Zoom Out")%>"></div></div>'
+    + '<div class="Rk-ZoomButtons"><div class="Rk-ZoomIn" title="<%-translate("Zoom In")%>"></div><div class="Rk-ZoomFit" title="<%-translate("Zoom Fit")%>"></div><div class="Rk-ZoomOut" title="<%-translate("Zoom Out")%>"></div></div>'
     + '</div></div>'
 ),
 fixSize: function(_autoscale) {