Fix chunk loading when zoomed in.

Nibriboard/ClientFiles/BoardWindow.js

@@ -62,11 +62,11 @@ class BoardWindow extends EventEmitter
 			y: 0,
 			// The width of the viewport
 			get width() {
-				return canvas.width * 1/this.zoomLevel
+				return canvas.width * (1/this.zoomLevel)
 			},
 			// The height of the viewport
 			get height() {
-				return canvas.height * 1/this.zoomLevel
+				return canvas.height * (1/this.zoomLevel)
 			},	
 			// The zoom level of the viewport. 1 = normal.
 			zoomLevel: 1,

Nibriboard/ClientFiles/ChunkCache.js

@@ -50,8 +50,8 @@ class ChunkCache
 		let chunkArea = new Rectangle(
 			Math.floor(visibleArea.x / chunkSize) * chunkSize,
 			Math.floor(visibleArea.y / chunkSize) * chunkSize,
-			(Math.floor((visibleArea.x + (visibleArea.width / visibleArea.zoomLevel)) / chunkSize) * chunkSize),
+			(Math.ceil((visibleArea.x + (visibleArea.width)) / chunkSize) * chunkSize),
-			(Math.floor((visibleArea.y + (visibleArea.height / visibleArea.zoomLevel)) / chunkSize) * chunkSize)
+			(Math.ceil((visibleArea.y + (visibleArea.height)) / chunkSize) * chunkSize)
 		);
 		
 		

Nibriboard/ClientFiles/Nibri.css

@@ -126,6 +126,11 @@ hr
     z-index: 5000;
 }
 
+.debug-value
+{
+    font-family: monospace; /* todo: use custom fonts! :D */
+}
+
 
 .fps
 {

Nibriboard/ClientFiles/index.html

@@ -44,7 +44,7 @@
 		</aside>
 		
 		<aside id="debuginfo">
-			<label>Viewport:</label> <output id="debug-viewport">?</output>
+			<label>Viewport:</label> <output id="debug-viewport" class="debug-value">?</output>
 			
 		</aside>