QML refactoring

client/ui/qml/Pages/PageSetupWizardVPNMode.qml

@@ -21,18 +21,9 @@ PageBase {
 
     FlickableType {
         id: fl
-        width: root.width
         anchors.top: caption.bottom
-        anchors.topMargin: 20
-        anchors.bottom: root.bottom
-        anchors.bottomMargin: 20
-        anchors.left: root.left
-        anchors.leftMargin: 30
-        anchors.right: root.right
-        anchors.rightMargin: 15
-
+        anchors.bottom: vpn_mode_finish.top
         contentHeight: content.height
-        clip: true
 
         ColumnLayout {
             id: content
@@ -57,17 +48,18 @@ You can enable VPN mode "For selected sites" and add blocked sites you need to v
                     WizardLogic.checkBoxVpnModeChecked = checked
                 }
             }
+        }
+    }
 
-            BlueButtonType {
-                id: vpn_mode_finish
-                Layout.fillWidth: true
-                Layout.topMargin: 15
-                Layout.preferredHeight: 41
-                text: qsTr("Start configuring")
-                onClicked: {
-                    WizardLogic.onPushButtonVpnModeFinishClicked()
-                }
-            }
+    BlueButtonType {
+        id: vpn_mode_finish
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: GC.defaultMargin
+        x: GC.defaultMargin
+        width: parent.width - 2 * GC.defaultMargin
+        text: qsTr("Start configuring")
+        onClicked: {
+            WizardLogic.onPushButtonVpnModeFinishClicked()
         }
     }
 }