Style Login page

Gui/LoginScreen.qml

@@ -21,6 +21,7 @@ Item {
     }
 
     anchors.fill: parent
+    anchors.topMargin: Dimensions.l
 
     Component.onCompleted: {
         loggedin_user.loginOkay.connect(loggedin);
@@ -31,57 +32,66 @@ Item {
     }
 
     ColumnLayout {
-        anchors.fill: parent
         spacing: Dimensions.m
+        anchors.centerIn: parent
+
         Label {
             font: Typography.h1
             text: qsTr("Login")
+            Layout.alignment: Qt.AlignHCenter
+            Layout.bottomMargin: Dimensions.l
         }
-        Label {
-            text: qsTr("Benutzername")
-        }
-        TextField {
-            id: benutzerName
-            focus: true
-            implicitWidth: 300
-            placeholderText: qsTr("Benutzernamen eingeben")
 
-            onAccepted: {
-                if (benutzerName.text.trim() && passwort.text.trim())
-                    loggedin_user.login(benutzerName.text.trim(), passwort.text);
-                else if (benutzerName.text.trim())
-                    passwort.forceActiveFocus();
+        Field {
+            label: qsTr("Benutzername")
+
+            TextField {
+                id: benutzerName
+
+                focus: true
+                implicitWidth: 300
+                placeholderText: qsTr("Benutzernamen eingeben")
+
+                onAccepted: {
+                    if (benutzerName.text.trim() && passwort.text.trim())
+                        loggedin_user.login(benutzerName.text.trim(), passwort.text);
+                    else if (benutzerName.text.trim())
+                        passwort.forceActiveFocus();
+                }
             }
         }
-        Label {
-            text: qsTr("Passwort")
-        }
-        TextField {
-            id: passwort
-            echoMode: TextInput.Password
-            implicitWidth: 300
-            placeholderText: qsTr("Passwort eingeben")
+        Field {
+            label: qsTr("Passwort")
 
-            onAccepted: {
-                if (benutzerName.text.trim() && passwort.text.trim())
-                    loggedin_user.login(benutzerName.text.trim(), passwort.text);
-                else if (passwort.text.trim())
-                    benutzerName.forceActiveFocus();
+            TextField {
+                id: passwort
+
+                echoMode: TextInput.Password
+                implicitWidth: 300
+                placeholderText: qsTr("Passwort eingeben")
+
+                onAccepted: {
+                    if (benutzerName.text.trim() && passwort.text.trim())
+                        loggedin_user.login(benutzerName.text.trim(), passwort.text);
+                    else if (passwort.text.trim())
+                        benutzerName.forceActiveFocus();
+                }
             }
         }
+
         Button {
-            text: qsTr("Primary")
+            Layout.topMargin: Dimensions.m
+            text: qsTr("Login")
+            width: parent.width
 
             onClicked: {
                 if (benutzerName.text.trim() && passwort.text.trim())
                     loggedin_user.login(benutzerName.text.trim(), passwort.text);
             }
         }
-
         Item {
             Layout.fillHeight: true
         }
-
         Dialog {
             id: recoveryPaswordDialog