revert checkBox using QtQuick.Controls

1 files changed, 16 insertions, 18 deletions

diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml
index 75e988b..b16d95b 100644
--- a/pages/HomeForm.ui.qml
+++ b/pages/HomeForm.ui.qml
@@ -8,6 +8,8 @@ Rectangle {
 
     property alias menuButton: menuButton
     property alias taskList: taskList
+    property alias chevronRight: chevronRight
+    property alias checkBox: checkBox
 
     ToolBar {
         id: toolbar
@@ -54,30 +56,30 @@ Rectangle {
     RowLayout {
         id: taskList
         height: 72
+        anchors.top: toolbar.bottom
+        anchors.topMargin: 8
         anchors.right: parent.right
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
-        anchors.top: toolbar.bottom
-        anchors.topMargin: 8
+        spacing: 8
 
-        RoundButton {
+        CheckBox {
             id: checkBox
-            flat: true
-            icon.name: "check-box-icon"
-            icon.source: "/assets/check-box-outline-24px.svg"
-            icon.color: "#99000000"
-        }
-        Label {
-            id: taskLabel
-            text: qsTr("Task number 1")
-            font.weight: Font.Medium
-            font.pointSize: 16
+            height: 54
+            text: qsTr("This is a task title")
+            rightPadding: 16
+            leftPadding: 16
+            bottomPadding: 16
+            topPadding: 16
             Layout.fillWidth: true
             font.family: "Google Sans"
+            font.pointSize: 16
+            font.weight: Font.Medium
+            spacing: 16
         }
         RoundButton {
-            id: taskDetailNavigate
+            id: chevronRight
             flat: true
             icon.name: "chevron-right-icon"
             icon.source: "/assets/chevron-right-24px.svg"
@@ -89,10 +91,6 @@ Rectangle {
 
 
 
-
-
-
-
 /*##^## Designer {
     D{i:0;autoSize:true;height:480;width:640}
 }