change styling on visualization container

use updated js bundle

Author: wjordan

blockly/src/dev/app.html.ejs

@@ -47,14 +47,16 @@
     }
 
     #container {
-      width: 400px;
-      height: 400px;
+      width: 100%;
+      height: 100%;
+      min-width: 400px;
+      min-height: 400px;
     }
   </style>
-  <div id="container" width="500" height="500">
+  <div id="container">
     <div id="crosshair"><img src="https://s3.amazonaws.com/cdo-dist/cdo-voxel/crosshair4.png"></div>
   </div>
-  <script type="text/javascript" src="https://s3.amazonaws.com/cdo-dist/cdo-voxel/bundle.js"></script>
+  <script type="text/javascript" src="https://s3.amazonaws.com/cdo-dist/cdo-voxel/bundlev2.js"></script>
   <% } %>
 <% if ((app === "maze" && options.levelId.indexOf('3_') === 0) ||
        (app === "webapp" && options.levelId.indexOf('ec_') === 0) ||

blockly/src/minecraft/minecraft.js

@@ -98,7 +98,8 @@ Minecraft.init = function(config) {
     // Adjust visualizationColumn width.
     var visualizationColumn = document.getElementById('visualizationColumn');
     visualizationColumn.style.width = '400px';
-    visualizationColumn.appendChild(document.getElementById('container'));
+    var visualization = document.getElementById('visualization');
+    visualization.appendChild(document.getElementById('container'));
 
     // base's BlocklyApps.resetButtonClick will be called first
     var resetButton = document.getElementById('resetButton');