From b78b0eaf09e102bd60fc71f85d0dcd8c4673822a Mon Sep 17 00:00:00 2001
From: Carl Schwan <carl@carlschwan.eu>
Date: Wed, 18 Nov 2020 14:27:56 +0100
Subject: [PATCH] Improve style of chat text input with the material style

---
 imports/NeoChat/Component/ChatTextInput.qml | 22 +++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/imports/NeoChat/Component/ChatTextInput.qml b/imports/NeoChat/Component/ChatTextInput.qml
index 89506d57b..24b0b9b22 100644
--- a/imports/NeoChat/Component/ChatTextInput.qml
+++ b/imports/NeoChat/Component/ChatTextInput.qml
@@ -174,7 +174,7 @@ ToolBar {
         RowLayout {
             Layout.fillWidth: true
 
-            spacing: Kirigami.Units.smallSpacing
+            spacing: 0 //Kirigami.Units.smallSpacing
 
             Button {
                 id: cancelReplyButton
@@ -231,6 +231,7 @@ ToolBar {
                 placeholderText: i18n("Write your message...")
                 topPadding: 0
                 bottomPadding: 0
+                leftPadding: Kirigami.Units.smallSpacing
                 selectByMouse: true
                 verticalAlignment: TextEdit.AlignVCenter
 
@@ -363,7 +364,7 @@ ToolBar {
             }
 
 
-            Button {
+            ToolButton {
                 id: emojiButton
                 icon.name: "preferences-desktop-emoticons"
                 icon.color: "transparent"
@@ -371,7 +372,7 @@ ToolBar {
                 onClicked: emojiPicker.visible = !emojiPicker.visible
             }
 
-            Button {
+            ToolButton {
                 id: uploadButton
 
                 visible: !isReply && !hasAttachment
@@ -401,7 +402,7 @@ ToolBar {
                 }
             }
 
-            Button {
+            ToolButton {
                 icon.name: "document-send"
                 icon.color: "transparent"
 
@@ -415,6 +416,19 @@ ToolBar {
         }
     }
 
+    background: Rectangle {
+        implicitHeight: 40
+        color: Kirigami.Theme.backgroundColor
+        Kirigami.Separator {
+            anchors {
+                left: parent.left
+                right: parent.right
+                top: parent.top
+            }
+        }
+    }
+
+
     function insert(str) {
         inputField.insert(inputField.cursorPosition, str)
     }