fix left column layout

demo/demo.js

@@ -153,6 +153,7 @@ exports.launch = function(env) {
     docs.textile.setUndoManager(new UndoManager());
 
     var container = document.getElementById("editor");
+    var cockpitInput = document.getElementById("cockpitInput");
     env.editor = new Editor(new Renderer(container, theme));
 
     var modes = {
@@ -336,7 +337,9 @@ exports.launch = function(env) {
     }
 
     function onResize() {
-        container.style.width = (document.documentElement.clientWidth - 180) + "px";
+        var width = (document.documentElement.clientWidth - 300);
+        container.style.width = width + "px";
+        cockpitInput.style.width = width + "px";
         container.style.height = (document.documentElement.clientHeight - 22) + "px";
         env.editor.resize();
     };

demo/styles.css

@@ -1,5 +1,6 @@
 html {
     height: 100%;
+    width: 100%;    
     overflow: hidden;
 }
 
@@ -18,7 +19,7 @@ body {
 #editor {
     position: absolute;
     top:  0px;
-    left: 180px;
+    left: 300px;
     bottom: 0px;
     right: 0px;
     background: white;
@@ -28,9 +29,17 @@ body {
     padding: 5px;
 }
 
+#controls td {
+    text-align: right;
+}
+
+#controls td + td {
+    text-align: left;
+}
+
 #cockpitInput {
     position: absolute;
-    left: 180px;
+    left: 300px;
     right: 0px;
     bottom: 0;