MessageInput in Post

1 files changed, 4 insertions, 3 deletions

diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index 21495dd7..52ad7bc6 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -84,7 +84,7 @@ export default class MessageInput extends React.Component {
                         </div>
                         <textarea name="body" onChange={this.textChanged} onKeyPress={this.handleCtrlEnter}
                             ref={this.textarea} style={textInputStyle} value={this.state.value}
-                            rows="1" placeholder="Write a comment..." />
+                            rows={this.props.rows || "1"} placeholder={this.props.children} />
                         <Button onClick={this.onSubmit}><Icon name="ei-envelope" size="s"/>Send</Button>
                     </div>
                 </div>
@@ -105,7 +105,7 @@ const activeStyle = {
 const inputBarStyle = {
     border: '1px solid #ddd',
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     padding: '3px',
     flexGrow: 1
 }
@@ -119,5 +119,6 @@ const textInputStyle = {
 
 MessageInput.propTypes = {
     data: MessageType.isRequired,
-    onSend: PropTypes.func.isRequired
+    onSend: PropTypes.func.isRequired,
+    rows: PropTypes.string
 };
\ No newline at end of file