diff --git a/public/index.html b/public/index.html
index 6aefd31..576537c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,7 @@
 }
 <!-- @@_end_import__app_main_json -->
 <!-- @@import_file__style.css__into__app_main_style -->
+<!-- @@import_file__../README.md__into__app_main_readme -->
 <!-- @@import_leftovers__app_main_index -->
 <!-- @@_end_remove --><html>
 <head>
@@ -20,13 +21,12 @@
     <!-- @@_end_remove -->
     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css">
     <link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet" type="text/css">
-    <!-- @@style_ _app_main_style -->
+    <!-- @@style__app_main_style -->
 </head>
 
 <body>
 <!-- @@template__app_main_body__context__app_main -->
 <!-- @@import__app_main_body_ -->
-<div class="container">
 <div id="header">
     <div id="htext">
         Editing <b>index</b>
@@ -47,9 +47,17 @@
         </div>
     </div>
 </div>
-
+<div id="content">
+<div id="tree">
+    <ul>
+    <li>
+        <span data-bind="text: name"></span>
+        <!--<ul data-bind="template: { name: 'nodeTmpl', foreach: nodes }"></ul>-->
+    </li></ul>
+</div>
 <div id="editor"></div>
 </div>
+</div>
 <!-- @@template__app_main_scripts__context__app_main -->
 <!-- @@import__app_main_scripts_ -->
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
diff --git a/public/style.css b/public/style.css
index 9bb106c..3a61150 100644
--- a/public/style.css
+++ b/public/style.css
@@ -20,10 +20,10 @@ body {
 }
 
 #htext {
-    line-height: 30px;
-    vertical-align: middle;
+    /*line-height: 30px;*/
+    /*vertical-align: middle;*/
 
-    padding-left: 10px;
+    /*padding-left: 10px;*/
     color: white;
     font-family: baskerville, palatino, 'palatino linotype', georgia, serif;
 }
@@ -32,15 +32,27 @@ body {
     display: inline;
 }
 
-#editor {
-    margin: 0;
-    position: absolute;
-    top: 100px;
-    bottom: 0;
-    left: 0;
-    right: 0;
+#content {
+    position: fixed;
+    top:100px;
+    width: 100%;
+    bottom: 0px;
 }
 
+#editor {
+    margin: 0px;
+    position: absolute;
+    top: 0px;
+    bottom: 0px;
+    left: 370px;
+    right: 0px;
+}
+
+#tree {
+    left:0px;
+    right:370px;
+    /*bottom: 0px;*/
+}
 #htext a {
     color: #aaf;
     font-weight: bold;
