diffs: added wide-mode button to expand large diffs.

rhodecode/public/css/main.less

@@ -109,6 +109,10 @@ ul.simple-list{
 	padding-bottom: @pagepadding;
 }
 
+.wide-mode-wrapper {
+    max-width:2400px !important;
+}
+
 .wrapper {
 	position: relative;
 	max-width: @wrapper-maxwidth;

rhodecode/public/js/src/rhodecode/comments.js

@@ -476,6 +476,19 @@ var CommentsController = function() { /* comments controller */
       ajaxPOST(url, postData, success, failure);
   };
 
+  this.toggleWideMode = function (node) {
+      if ($('#content').hasClass('wrapper')) {
+          $('#content').removeClass("wrapper");
+          $('#content').addClass("wide-mode-wrapper");
+          $(node).addClass('btn-success');
+      } else {
+          $('#content').removeClass("wide-mode-wrapper");
+          $('#content').addClass("wrapper");
+          $(node).removeClass('btn-success');
+      }
+      return false;
+  };
+
   this.toggleComments = function(node, show) {
     var $filediff = $(node).closest('.filediff');
     if (show === true) {

rhodecode/templates/codeblocks/diffs.html

@@ -540,6 +540,7 @@ from rhodecode.lib.diffs import NEW_FILENODE, DEL_FILENODE, \
 </%def>
 
 <%def name="render_diffset_menu()">
+
     <div class="diffset-menu clearinner">
         <div class="pull-right">
             <div class="btn-group">
@@ -566,6 +567,10 @@ from rhodecode.lib.diffs import NEW_FILENODE, DEL_FILENODE, \
                   class="btn"
                   href="#"
                   onclick="$('input[class=filediff-collapse-state]').prop('checked', true); return false">${_('Collapse All')}</a>
+              <a
+                  class="btn"
+                  href="#"
+                  onclick="return Rhodecode.comments.toggleWideMode(this)">${_('Wide Mode')}</a>
           </div>
         </div>
     </div>