css tweaks

css/ui.css

@@ -63,11 +63,11 @@
   right:0;
   background-color:#666;
   overflow:hidden;
+  display:flex;
+  flex-direction:row;
 }
 #workspace {
   background-color:#333;
-  float:left;
-  height:100%;
   overflow:hidden;
 }
 div.editor {
@@ -222,8 +222,6 @@ a.dropdown-toggle {
     border-radius:6px 0 6px 6px;
 }
 div.emulator {
-  float:left;
-  height:100%;
   background-color: #666;
   margin-top: 20px auto 0;
 }
@@ -347,7 +345,6 @@ div.replaydiv {
 }
 .split,
 .gutter.gutter-horizontal {
-    float: left;
   height: 100%;
 }
 div.markdown {
@@ -366,7 +363,6 @@ div.markdown th {
  padding:0.2em;
 }
 #sidebar {
- float:left;
 }
 #sidebar ul {
   list-style-type:none;
@@ -393,3 +389,11 @@ div.markdown th {
   -webkit-background-clip: text;
   color:rgba(0,0,0,0);
 }
+.disable-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}

index.html

@@ -40,7 +40,7 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
 <!-- for file upload -->
 <input type="file" id="uploadFileElem" multiple accept="*" style="display:none" onchange="handleFileUpload(this.files)">
 
-<div id="controls_top" style="user-select: none">
+<div id="controls_top" class="disable-select">
     <span class="dropdown">
       <a class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Menu">
         <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>

src/platform/verilog.ts

@@ -308,7 +308,7 @@ var VerilogPlatform = function(mainElement, options) {
   getPresets() { return VERILOG_PRESETS; }
 
   start() {
-    video = new RasterVideo(mainElement,videoWidth,videoHeight);
+    video = new RasterVideo(mainElement,videoWidth,videoHeight,{overscan:true});
     video.create();
     var ctx = video.getContext();
     ctx.font = "8px TinyFont";