Chats: use textarea instead of input

app/soapbox/features/chats/components/chat_window.js

@@ -63,6 +63,7 @@ class ChatWindow extends ImmutablePureComponent {
       if (e.key === 'Enter') {
         this.props.dispatch(sendChatMessage(chatId, this.state));
         this.setState({ content: '' });
+        e.preventDefault();
       }
     };
   }
@@ -134,9 +135,9 @@ class ChatWindow extends ImmutablePureComponent {
         </div>
         <div className='pane__content'>
           <ChatMessageList chatMessageIds={chatMessageIds} />
-          <div className='pane__actions'>
+          <div className='pane__actions simple_form'>
-            <input
+            <textarea
-              type='text'
+              rows={1}
               placeholder='Send a message...'
               onKeyDown={this.handleKeyDown(chat.get('id'))}
               onChange={this.handleContentChange}

app/styles/chats.scss

@@ -93,7 +93,7 @@
     margin-top: auto;
     padding: 6px;
 
-    input {
+    textarea {
       width: 100%;
       margin: 0;
       box-sizing: border-box;