improved overview input field

data/onload.js

 
 	createContainer: function() {
 		var container = document.createElement("div");
-		container.style =
-			"pointer-events: none;"+
-			"display: none;"+
-			"position: absolute;"+
-			"top: 0px;"+
-			"left: 0px;"+
-			"z-index: 2147483647"; //Max z-index value in most browsers
+		container.style = [
+			"pointer-events: none",
+			"display: none",
+			"position: absolute;",
+			"top: 0px",
+			"left: 0px",
+			"z-index: 2147483647",
+			"box-sizing: content-box",
+			""
+		].join(" !important;");
 		document.body.appendChild(container);
 		blobList.container = container;
 	},
 
 	createOverview: function() {
 		var overview = document.createElement("div");
-		overview.style =
-			"position: fixed;"+
-			"top: 0px;"+
-			"left: 0px;"+
-			"background-color: white;"+
-			"border-bottom: 2px solid black;"+
-			"border-right: 2px solid black;"+
-			"color: black;"+
-			"font-size: 8pt;"+
-			"padding: 3px;"+
-			"height: 15px;"+
-			"z-index: 2147483647"; //Max z-index value in most browsers
+		overview.style = [
+			"position: fixed",
+			"top: 0px",
+			"left: 0px",
+			"background-color: white",
+			"border-bottom: 2px solid black",
+			"border-right: 2px solid black",
+			"color: black",
+			"font: 8pt sans-serif",
+			"padding: 3px",
+			"height: 15px",
+			"line-height: 15px",
+			"z-index: 2147483647",
+			"box-sizing: content-box",
+			""
+		].join(" !important;");
 		blobList.container.appendChild(overview);
 		blobList.overview = overview;
 	},

package.json

 {
   "title": "Mouseless",
   "name": "mouseless",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "For a mouseless future.",
   "main": "index.js",
   "author": "Martin Dørum Nygaard",