projectList item formatting

1 files changed, 14 insertions, 5 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/draw.js b/public/assets/javascripts/rectangles/engine/map/draw.js
index 6c27ff1..7eb6e7c 100644
--- a/public/assets/javascripts/rectangles/engine/map/draw.js
+++ b/public/assets/javascripts/rectangles/engine/map/draw.js
@@ -40,20 +40,29 @@ Map.Draw = function(map, opt){
 
   // changes the ctx temporarily
 	draw.render = function(){
-		var thumbnail_side = 1000
+		var thumbnail_width = 1000
+		var thumbnail_height = 750
 		
 		var extent = Rooms.extent()
 		var center = extent.center()
-		var zoom = thumbnail_side / Math.max( extent.width(), extent.height() ) * 0.99
+		var extent_width = extent.width()
+		var extent_height = extent.height() 
+		var zoom
+		if (extent_width > extent_height) {
+      zoom = thumbnail_width / extent.width() * 0.9
+		}
+		else {
+      zoom = thumbnail_height / extent.height() * 0.9
+		}
 
 		var canvas = document.createElement("canvas")
 		ctx = canvas.getContext('2d')
-		canvas.width = thumbnail_side
-		canvas.height = thumbnail_side
+		canvas.width = thumbnail_width
+		canvas.height = thumbnail_height
 		
 		draw.clear()
 
-		ctx.translate( thumbnail_side * 1/2, thumbnail_side * 1/2)
+		ctx.translate( thumbnail_width * 1/2, thumbnail_height * 1/2)
 		ctx.scale( zoom, zoom )
 		ctx.translate( center.a, -center.b )
 		ctx.scale( -1, 1 )