From c09d129ea53dfc267a808dd15667453eb9177e57 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Thu, 26 Sep 2019 14:32:40 +0700
Subject: `taskTitleLayout` and `taskDescriptionLayout` height fluidly resizes
 based on the content height

---
 features/TaskDetailForm.ui.qml | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'features')

diff --git a/features/TaskDetailForm.ui.qml b/features/TaskDetailForm.ui.qml
index 3125bef..d231f5a 100644
--- a/features/TaskDetailForm.ui.qml
+++ b/features/TaskDetailForm.ui.qml
@@ -40,7 +40,7 @@ Page {
 
     RowLayout {
         id: taskTitleLayout
-        height: 56
+        height: taskTitle.height + 16 + 5
         anchors.top: parent.top
         anchors.topMargin: 0
         anchors.right: parent.right
@@ -55,17 +55,22 @@ Page {
             Layout.leftMargin: 66
             Layout.fillWidth: true
             placeholderText: qsTr("Enter task title")
+            font.pixelSize: 16
+            font.family: "Google Sans"
+            wrapMode: Text.WrapAtWordBoundaryOrAnywhere
         }
     }
     RowLayout {
         id: taskDescriptionLayout
         width: parent.width
-        height: 56
+        height: taskDescription.height + 16 + 5
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.top: taskTitleLayout.bottom
         anchors.topMargin: 24
         Image {
             id: descriptionIcon
+            Layout.topMargin: 22
+            Layout.alignment: Qt.AlignLeft | Qt.AlignTop
             sourceSize.height: 24
             sourceSize.width: 24
             Layout.leftMargin: 12
@@ -82,6 +87,7 @@ Page {
             Layout.leftMargin: 24
             Layout.fillWidth: true
             placeholderText: qsTr("Enter task description")
+            wrapMode: Text.WrapAtWordBoundaryOrAnywhere
         }
     }
     RowLayout {
-- 
cgit v1.2.3