www: textarea autosize and padding

2 files changed, 3 insertions, 1 deletions

diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js
index a2f25d07..4001dbb6 100644
--- a/juick-www/src/main/static/scripts.js
+++ b/juick-www/src/main/static/scripts.js
@@ -810,6 +810,7 @@ ready(function () {
                 });
             });
             ta.style.minHeight = '70px';
+            autosize(ta);
             ta.focus();
             newMessageBlock.querySelector('a').addEventListener('click', function (e) {
                 attachMessagePhoto(e.target);
diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index ab6f7500..02de92d9 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -166,9 +166,10 @@ body > header p {
 }
 #newmessage textarea {
     border: 1px solid #CCC;
+    box-sizing: border-box;
     margin: 0 0 5px 0;
     min-height: 14pt;
-    resize: vertical;
+    padding: 4px;
     width: 100%;
 }
 #newmessage input {