From b15fff0a2fcd0acd9ef5df947c7ef2a24b210b5f Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Fri, 24 Jan 2020 11:46:23 +1100
Subject: [PATCH] fix  send-message line-height with multiple lines

---
 background.html           |  4 +++-
 stylesheets/_session.scss | 31 ++++++++++++++++++++++---------
 2 files changed, 25 insertions(+), 10 deletions(-)

diff --git a/background.html b/background.html
index 2d644bc7a..81c30721b 100644
--- a/background.html
+++ b/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>
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index c153a19d7..891303e0c 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -1201,16 +1201,29 @@ label {
   }
 }
 
-.bottom-bar textarea.send-message {
-  height: 60px;
-  background-color: $session-shade-4;
-  border: none;
-  margin: 0px;
-  padding: 0px $session-margin-lg;
-  font-size: $session-font-md;
-  line-height: 60px;
+.bottom-bar {
+  .compose {
+    min-height: 60px;
+    max-height: 200px;
+  }
+
+  .send-message-container {
+    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 {