+
+
diff --git a/src/scripts/vizwit-editor.js b/src/scripts/vizwit-editor.js
index 726f40c..80d1694 100644
--- a/src/scripts/vizwit-editor.js
+++ b/src/scripts/vizwit-editor.js
@@ -11,7 +11,8 @@ var layoutOptions = {
contentSelector: '#page-content'
}
-split(['#editor', '#preview'], {sizes: [40, 60]})
+split(['#left', '#preview'], {sizes: [40, 60]})
+split(['#docs', '#editor'], {sizes: [5, 95], direction: 'vertical'})
var editor = ace.edit('editor')
var session = editor.getSession()
diff --git a/src/styles/editor.css b/src/styles/editor.css
index 80c0063..7f73d1a 100644
--- a/src/styles/editor.css
+++ b/src/styles/editor.css
@@ -7,8 +7,18 @@ body {
margin: 0;
}
+.split {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
.gutter {
background-color: #eee;
+
background-repeat: no-repeat;
background-position: 50%;
}
@@ -23,15 +33,15 @@ body {
cursor: ns-resize;
}
-.split {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.split, .gutter.gutter-horizontal {
+.split.split-horizontal, .gutter.gutter-horizontal {
height: 100%;
float: left;
+}
+
+#docs .container{
+ margin-left:15px;
+}
+
+#docs .container h1{
+ font-size: 24px
}
\ No newline at end of file