Pad auto-calculated height/width + always automatically expand canvas…

… size

The padding is overdue -- it *can* work without the padding, but it
really helps to have some quiet (black) padding around all 4 edges of
the image.

Expanding the canvas to fill the window (rather than capping it to its
max size) helps on higher resolution (e.g. 4k) displays.

web/main.js

@@ -59,8 +59,8 @@ return {
  {
  // reset zoom
  var canvas = document.getElementById('canvas');
- var width = window.innerWidth;
- var height = window.outerHeight;
+ var width = window.innerWidth - 12;
+ var height = window.outerHeight - 12;
  Main.scaleCanvas(canvas, width, height);
  Main.alignInvisibleClick(canvas);
  },
@@ -91,10 +91,7 @@ return {
  if (height < dim) {
  dim = height;
  }
- console.log(dim);
- if (dim > 1040) {
- dim = 1040;
- }
+ console.log(dim + "x" + dim);
  canvas.style.width = dim + "px";
  canvas.style.height = dim + "px";
  },