CSS for the contacts input field

customize.dist/translations/messages.fr.js

@@ -269,6 +269,7 @@ define(function () {
     out.contacts_send = 'Envoyer';
     out.contacts_remove = 'Supprimer ce contact';
     out.contacts_confirmRemove = 'Êtes-vous sûr de voulour supprimer <em>{0}</em> de vos contacts ?';
+    out.contacts_typeHere = "Entrez un message ici...";
 
 
     out.contacts_info1 = "Voici vos contacts. Ici, vous pouvez :";

customize.dist/translations/messages.js

@@ -274,7 +274,7 @@ define(function () {
     out.contacts_send = 'Send';
     out.contacts_remove = 'Remove this contact';
     out.contacts_confirmRemove = 'Are you sure you want to remove <em>{0}</em> from your contacts?';
-
+    out.contacts_typeHere = "Type a message here...";
 
     out.contacts_info1 = "These are your contacts. From here, you can:";
     out.contacts_info2 = "Click your contact's icon to chat with them";

www/contacts/main.less

@@ -140,6 +140,9 @@ body {
                 .content {
                     overflow: hidden;
                     word-wrap: break-word;
+                    &> * {
+                        margin: 0;
+                    }
                 }
                 .date {
                     display: none;
@@ -155,13 +158,31 @@ body {
     }
     .input {
         background-color: lighten(@bg-color, 15%);
-        height: 50px;
+        height: auto;
+        min-height: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 0 75px;
-        input {
+        textarea {
+            margin: 5px 0;
+            padding: 0 10px;
+            border: none;
+            height: 50px;
             flex: 1;
+            background-color: darken(@bg-color, 10%);
+            color: @color;
+            resize: none;
+            &:placeholder-shown { line-height: 50px; }
+        }
+        button {
+            height: 50px;
+            border-radius: 0;
+            border: none;
+            background-color: darken(@bg-color, 15%);
+            &:hover {
+                background-color: darken(@bg-color, 20%);
+            }
         }
     }
 }