Tweak demo spacing

index.html

@@ -23,7 +23,7 @@
           <div class="demo-instructions">
             Type an expression:
           </div>
-          <textarea id="demo-input">x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}</textarea>
+          <textarea id="demo-input" spellcheck="false">x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}</textarea>
         </div>
         <div class="demo-right">
           <div class="demo-instructions">

main.css

@@ -58,7 +58,7 @@ body {
 .demo,
 .demo-left,
 .demo-right {
-    height: 300px;
+    height: 260px;
 }
 
 .demo-left,
@@ -83,7 +83,7 @@ body {
     box-sizing: border-box;
     color: #fff;
     font: 14px Menlo, monospace;
-    height: 120px;
+    height: 160px;
     padding: 10px;
     resize: none;
     width: 100%;
@@ -94,8 +94,10 @@ body {
     color: #444;
 }
 
-.demo-right #demo-output {
+#demo-output {
     font-size: 20px;
+    padding: 10px 0;
+    overflow: auto;
 }
 
 .main {