Fix non-cms forms

cms/static/cms/cms.scss

@@ -251,7 +251,7 @@ section.contactsection {
   div#message {
     display: none;
   }
-  textarea {
+  textarea, input {
     font-family: inherit;
   }
 }
@@ -346,7 +346,7 @@ form.cms {
     padding: 5px;
   }
   textarea {
-    height: 1px;
+    height: 15em;
   }
 
   input[type=checkbox] {

cms/static/cms/cms.scss.css

@@ -178,7 +178,7 @@ section {
 section.contactsection div#message {
   display: none; }
 
-section.contactsection textarea {
+section.contactsection textarea, section.contactsection input {
   font-family: inherit; }
 
 /* Form elements */
@@ -254,7 +254,7 @@ form.cms input, form.cms select, form.cms textarea {
   padding: 5px; }
 
 form.cms textarea {
-  height: 1px; }
+  height: 15em; }
 
 form.cms input[type=checkbox] {
   width: auto; }

cms/templates/cms/edit.html

@@ -68,7 +68,8 @@
     // https://stackoverflow.com/a/25621277
     var tx = document.getElementsByTagName('textarea');
     for (var i = 0; i < tx.length; i++) {
-        tx[i].setAttribute('style', 'height:' + (tx[i].scrollHeight) + 'px;overflow-y:hidden;');
+        tx[i].setAttribute('style', 'height:0;overflow-y:hidden;');
+        tx[i].style.height = (tx[i].scrollHeight) + 'px';
         tx[i].addEventListener("input", OnInput, false);
     }
     function OnInput() {