--- 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;
 }

Binary file client/img/zoombuttons.png has changed

--- 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) {