fix send-message line-height with multiple lines

background.html

@@ -109,7 +109,9 @@
                 <form class='send clearfix file-input'>
                   <div class='flex'>
                     <button class='emoji' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
-                    <textarea maxlength='2000' class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea>
+                    <div class='send-message-container'>
+                      <textarea maxlength='2000' class='send-message' placeholder='{{ send-message }}' rows='1' dir='auto' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></textarea>
+                    </div>
                     <div class='capture-audio'>
                         <button class='microphone' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
                     </div>

stylesheets/_session.scss

@@ -1201,16 +1201,29 @@ label {
   }
 }
 
-.bottom-bar textarea.send-message {
+.bottom-bar {
-  height: 60px;
+  .compose {
-  background-color: $session-shade-4;
+    min-height: 60px;
-  border: none;
+    max-height: 200px;
-  margin: 0px;
+  }
-  padding: 0px $session-margin-lg;
+
-  font-size: $session-font-md;
+  .send-message-container {
-  line-height: 60px;
+    display: flex;
+    flex-grow: 1;
+    min-height: 60px;
+  }
 
-  @include session-color-subtle($session-color-white);
+  textarea.send-message {
+    background-color: $session-shade-4;
+    border: none;
+    margin: 0px;
+    padding: 0px $session-margin-lg;
+    font-size: $session-font-md;
+    line-height: 1.3em;
+    align-self: center;
+
+    @include session-color-subtle($session-color-white);
+  }
 }
 
 .bottom-bar form {