From 6a6d87a74c48f1ab4ea107231c0d05aa2e9ef9d5 Mon Sep 17 00:00:00 2001
From: jkaplon <jody@kaplon.us>
Date: Thu, 13 Oct 2016 08:32:38 -0400
Subject: [PATCH] Size CodeMirror editor to window/viewport; may still need
 some tweaking, but looking quite good.

---
 views/index.hbs | 33 +++++++++++++++++++++++++--------
 1 file changed, 25 insertions(+), 8 deletions(-)
diff --git a/views/index.hbs b/views/index.hbs
index 4b6c273..20a062b 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -17,19 +17,35 @@
 <script src="addon/edit/matchbrackets.js"></script>
 <script src="keymap/vim.js"></script>
 <style type="text/css">
+    html, body { height: 100%; margin: 0; padding: 0; }
+    .wrap {
+        position: relative;
+        height: 97%;
+        background: #eee;
+        padding: 20px;
+        box-sizing: border-box;
+    }
+    .border {
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+        border: 1px solid #999;
+        position: relative;
+        height: 97%;
+        padding: 1px;
+    }
     .CodeMirror {
-        border: 1px solid #eee;
-        height: auto;
-        border-top: 1px solid black;
-        border-bottom: 1px solid black;
+        height: 100%;
     }
 </style>
 </head>
 <body>
 
-<form><textarea id="editor" name="editor">
-{{{notetxt}}}
-</textarea></form>
+<div class=wrap>
+    <div class=border>
+        <textarea id="editor" name="editor">{{{notetxt}}}</textarea>
+    </div>
+</div>
 <div style="font-size: 13px; width: 300px; height: 30px;">Key buffer: <span id="command-display"></span></div>
 
 <script>
@@ -41,7 +57,8 @@
         showCursorWhenSelecting: true,
         viewportMargin: Infinity,
         indentUnit: 4,
-        styleActiveLine: true
+        styleActiveLine: true,
+        autofocus: true
     });
     // Add my .vimrc stuff.
     CodeMirror.Vim.map('jj', '<Esc>', 'insert')
