Add a nonfunctional gutter to editor layout.

static/editor.css

@@ -5,12 +5,34 @@
   height: 100%;
   background: #333;
   color: white;
-  overflow-y: scroll;
-  overflow-x: auto;
   cursor: default;
+
+  overflow-y: scroll;
+
   -webkit-user-select: none;
 }
 
+.editor .content {
+  display: -webkit-flexbox;
+}
+
+.editor .gutter {
+  padding: 0 1ex;
+  color: rgba(255, 255, 255, .3);
+}
+
+.editor .gutter.drop-shadow {
+  -webkit-box-shadow: -2px 0px 10px 2px #222;  
+}
+
+.editor .lines {
+  overflow-x: auto;
+  width: -webkit-flex(1);
+
+  position: relative;
+
+}
+
 .editor .line {
   position: relative;
   white-space: pre;
@@ -27,6 +49,7 @@
 }
 
 .editor .cursor {
+  position: absolute;
   border-left: 3px solid #9dff9d;
   opacity: 0.7;
 }

static/theme/twilight.css

@@ -1,8 +1,3 @@
-.gutter {
-  background: #e8e8e8;
-  color: #333;
-}
-
 .print_margin {
   width: 1px;
   background: #e8e8e8;
@@ -17,9 +12,9 @@
   color: #F8F8F8;
 }
 
-.cursor {
-  border-left: 2px solid #A7A7A7;
-}
+/* .cursor { */
+/*   border-left: 2px solid #A7A7A7; */
+/* } */
 
 .cursor.overwrite {
   border-left: 0px;