fix(mainWindow/home): better code

tests/resources.qrc

@@ -34,6 +34,7 @@
     <file>ui/views/mainWindow/mainWindow.qml</file>
     <file>ui/views/mainWindow/contacts.qml</file>
     <file>ui/views/mainWindow/home.qml</file>
+    <file>ui/views/mainWindow/contact.qml</file>
     <file>ui/views/mainWindow/conversation.qml</file>
     <file>imgs/lost_outgoing_call.svg</file>
     <file>imgs/led_disconnected.svg</file>

tests/ui/components/form/CheckBoxText.qml

@@ -9,7 +9,6 @@ CheckBox {
     contentItem: Text {
         color: checkBox.down ? '#FE5E00' : '#8E8E8E'
         font: checkBox.font
-        horizontalAlignment: Text.AlignHCenter
         leftPadding: checkBox.indicator.width + checkBox.spacing
         text: checkBox.text
         verticalAlignment: Text.AlignVCenter

tests/ui/views/mainWindow/home.qml

 import QtQuick 2.7
-import QtQuick.Controls 2.0
 import QtQuick.Layouts 1.3
 
 import 'qrc:/ui/components/form'
 
+// ===================================================================
+
 ColumnLayout {
     spacing: 0
 
-    Item {
-        Layout.fillWidth: true
+    ColumnLayout {
+        Layout.alignment: Qt.AlignTop
         Layout.fillHeight: true
-
-        Item {
-            anchors.fill: parent
-            anchors.leftMargin: 50
-            anchors.topMargin: 50
-
-            Column {
+        Layout.fillWidth: true
+        Layout.leftMargin: 50
+        Layout.topMargin: 50
         spacing: 30
 
         // Invit friends.
@@ -24,10 +21,10 @@ ColumnLayout {
             spacing: 8
 
             Text {
-                        text: qsTr('invitContactQuestion')
-                        font.weight: Font.DemiBold
                 color: '#5A585B'
+                font.bold: true
                 font.pointSize: 11
+                text: qsTr('invitContactQuestion')
             }
 
             LightButton {
@@ -40,10 +37,10 @@ ColumnLayout {
             spacing: 8
 
             Text {
-                        text: qsTr('addContactQuestion')
-                        font.weight: Font.DemiBold
                 color: '#5A585B'
+                font.bold: true
                 font.pointSize: 11
+                text: qsTr('addContactQuestion')
             }
 
             LightButton {
@@ -51,19 +48,14 @@ ColumnLayout {
             }
         }
     }
-        }
-    }
 
     // Tooltip checkbox area.
-    Item {
+    CheckBoxText {
+        Layout.alignment: Qt.AlignBottom
         Layout.fillWidth: true
+        Layout.leftMargin: 50
         Layout.preferredHeight: 70
 
-        CheckBoxText {
-            anchors.left: parent.left
-            anchors.leftMargin: 50
-            anchors.verticalCenter: parent.verticalCenter
         text: qsTr('displayTooltip')
     }
-    }
 }

tests/ui/views/mainWindow/mainWindow.qml

@@ -121,7 +121,7 @@ ApplicationWindow {
         Loader {
             Layout.fillHeight: true
             Layout.fillWidth: true
-            source: 'qrc:/ui/views/mainWindow/conversation.qml'
+            source: 'qrc:/ui/views/mainWindow/home.qml'
         }
     }
 }