[nextcloud] Rework server url UI

Use a FormLayout
Use InlineMessage to report errors
Hide controls when showing BusyIndicator

plugins/nextcloud-ui/package/contents/ui/Server.qml

@@ -13,37 +13,39 @@ import QtQuick.Controls 2.5
 Kirigami.Page {
     title: i18n("Nextcloud Login")
 
-    ColumnLayout {
-        spacing: 10
-        anchors.fill: parent
+    header: Kirigami.InlineMessage {
+        type: Kirigami.MessageType.Error
+        text: helper.errorMessage
+        visible: text.length > 0
+    }
 
+    Kirigami.FormLayout {
+        anchors.centerIn: parent
+        visible: !busy.running
         TextField {
             id: serverText
-            placeholderText: qsTr("Server address")
-            Layout.fillWidth: true
-        }
-        Label {
-            id: errorLabel
-            Layout.fillWidth: true
-            visible: text.length > 0
-            text: helper.errorMessage
-            wrapMode: Text.WordWrap
-        }
-        BusyIndicator {
-            id: busy
-            width: Kirigami.Units.gridUnit * 2
-            height: width
-            Layout.alignment: Qt.AlignCenter
-            running: helper.isWorking
-            visible: running
+            placeholderText: "https://nextcloud.provider.com"
+            Kirigami.FormData.label: i18n("Server address:")
         }
+    }
 
-        Button {
-            Layout.fillWidth: true
-            id: loginButton
-            icon.name: "go-next"
-            text: i18n("Next")
-            onClicked: helper.checkServer(serverText.text)
-        }
+    BusyIndicator {
+        id: busy
+        anchors.centerIn: parent
+        running: helper.isWorking
+    }
+
+    footer: ToolBar {
+         RowLayout {
+            anchors.fill: parent
+
+            Button {
+                text: i18n("Next")
+                Layout.alignment: Qt.AlignRight
+                onClicked: {
+                    helper.checkServer(serverText.text)
+                }
+            }
+         }
     }
 }