From 0fe245810a3618d94ddecac3c047218e7979dfd9 Mon Sep 17 00:00:00 2001
From: Frank <biaow0926@g.ucla.edu>
Date: Sat, 23 Nov 2019 08:50:33 -0800
Subject: [PATCH] frank message box fix

---
 package.json                                   | 3 ++-
 src/components/pages/ambassadorDetail/index.js | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index cf58417..6752369 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,8 @@
     "svg-inline-loader": "^0.8.0",
     "url-loader": "^0.6.2",
     "webpack": "2.3.3",
-    "webpack-dev-server": "^3.1.11"
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^2.9.4"
   },
   "dependencies": {
     "babel-polyfill": "^6.26.0",
diff --git a/src/components/pages/ambassadorDetail/index.js b/src/components/pages/ambassadorDetail/index.js
index 2690508..be06b8c 100644
--- a/src/components/pages/ambassadorDetail/index.js
+++ b/src/components/pages/ambassadorDetail/index.js
@@ -76,9 +76,9 @@ class AmbassadorDetail extends React.Component {
                         <p>Ask them a question.</p>
                         <p>Request a meetup!</p>
                         <form onSubmit={e => e.preventDefault()}>
-                            <input value={this.state.messageText} type="text" placeholder="Write something.." onChange={this.onChange}/>
-                            <Button onClick={this.sendMessage} color="green" disabled={disabled}>Send</Button>
+                            <textarea style={{ width: '460px', height: '100px'}} value={this.state.messageText} type="text" placeholder="Write something..." onChange={this.onChange}/>
                         </form>
+                        <Button style={{ alignSelf: 'center' }} onClick={this.sendMessage} color="green" disabled={disabled}>Send</Button>
                     </Modal>     : null}
                 {this.state.showReportModal ? 
                     <Modal