feat(ui/views/App/InviteFriends): refactoring, use vertical form

linphone-desktop/ui/views/App/InviteFriends.qml

 import QtQuick 2.7
-import QtQuick.Layouts 1.3
 
 import Common 1.0
 
@@ -36,35 +35,26 @@ DialogPlus {
   height: InviteFriendsStyle.height
   width: InviteFriendsStyle.width
 
+  maximumHeight: InviteFriendsStyle.height
+  maximumWidth: InviteFriendsStyle.width
+
   minimumHeight: InviteFriendsStyle.height
   minimumWidth: InviteFriendsStyle.width
 
   // ---------------------------------------------------------------------------
 
-  ColumnLayout {
+  Form {
     anchors {
       fill: parent
       leftMargin: InviteFriendsStyle.leftMargin
       rightMargin: InviteFriendsStyle.rightMargin
     }
 
-    spacing: InviteFriendsStyle.spacing
-
-    Column {
-      Layout.fillWidth: true
-      spacing: InviteFriendsStyle.input.spacing
-
-      Text {
-        color: InviteFriendsStyle.input.legend.color
-        elide: Text.ElideRight
+    orientation: Qt.Vertical
 
-        font {
-          bold: true
-          pointSize: InviteFriendsStyle.input.legend.fontSize
-        }
-
-        text: qsTr('enterEmailLabel')
-      }
+    FormLine {
+      FormGroup {
+        label: qsTr('enterEmailLabel')
 
         TextField {
           id: email
@@ -73,32 +63,19 @@ DialogPlus {
           width: parent.width
         }
       }
-
-    ColumnLayout {
-      Layout.fillHeight: true
-      Layout.fillWidth: true
-      spacing: InviteFriendsStyle.input.spacing
-
-      Text {
-        color: InviteFriendsStyle.input.legend.color
-        elide: Text.ElideRight
-
-        font {
-          bold: true
-          pointSize: InviteFriendsStyle.input.legend.fontSize
     }
 
-        text: qsTr('messageLabel')
-      }
+    FormLine {
+      FormGroup {
+        label: qsTr('messageLabel')
 
         TextAreaField {
           id: message
 
-        Layout.fillHeight: true
-        Layout.fillWidth: true
-
+          height: InviteFriendsStyle.message.height
           text: qsTr('defaultMessage')
         }
       }
     }
+  }
 }

linphone-desktop/ui/views/App/Styles/InviteFriendsStyle.qml

@@ -9,15 +9,9 @@ QtObject {
   property int height: 316
   property int leftMargin: 35
   property int rightMargin: 35
-  property int spacing: 15
   property int width: 480
 
-  property QtObject input: QtObject {
-    property int spacing: 6
-
-    property QtObject legend: QtObject {
-      property color color: Colors.j
-      property int fontSize: 10
-    }
+  property QtObject message: QtObject {
+    property int height: 140
   }
 }