From 288be1fa497f29fab3ab044b482853a487a0d20e Mon Sep 17 00:00:00 2001
From: RobinLinus <robinlinus@users.noreply.github.com>
Date: Wed, 16 Dec 2020 06:04:58 +0100
Subject: [PATCH] Preserve line breaks in text messages

---
 client/index.html | 2 +-
 client/styles.css | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/index.html b/client/index.html
index 688d57f..75ddaf5 100644
--- a/client/index.html
+++ b/client/index.html
@@ -84,7 +84,7 @@
             <x-background class="full center">
                 <x-paper shadow="2">
                     <h3>Send a Message</h3>
-                    <input id="textInput" placeholder="Send a message" autocomplete="off" autofocus>
+                    <textarea id="textInput" placeholder="Send a message" autocomplete="off" autofocus></textarea>
                     <div class="row-reverse">
                         <button class="button" type="submit" close>Send</button>
                         <a class="button" close>Cancel</a>
diff --git a/client/styles.css b/client/styles.css
index d17dc73..43a91d8 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -367,6 +367,7 @@ x-dialog a{
     -webkit-user-select: all;
     -moz-user-select: all;
     user-select: all;
+    white-space: pre;
 }
 
 #receiveTextDialog #text a {
@@ -463,17 +464,20 @@ button::-moz-focus-inner {
 
 /* Text Input */
 
-input {
+input,
+textarea {
     width: 100%;
     box-sizing: border-box;
     border: none;
     outline: none;
     padding: 16px 24px;
     background: #f1f3f4;
-    border-radius: 50px;
+    border-radius: 16px;
     margin: 8px 0;
     line-height: 16px;
     font-size: 14px;
+    font-family: inherit;
+    resize: none;
 }