QML: Groupbox for IP list

main.qml

@@ -98,22 +98,6 @@ ApplicationWindow {
     // menuBar: MenuBar {
     // }
 
-    header: TabBar {
-        id: tabBar
-        position: TabBar.Footer
-        // Material.primary: Material.Teal
-
-        currentIndex: 0
-
-        TabButton {
-            text: qsTr("Display")
-        }
-
-        TabButton {
-            text: qsTr("VNC")
-        }
-    }
-
     menuBar: ToolBar {
         id: toolbar
         font.weight: Font.Medium
@@ -134,6 +118,22 @@ ApplicationWindow {
         }
     }
 
+    header: TabBar {
+        id: tabBar
+        position: TabBar.Footer
+        // Material.primary: Material.Teal
+
+        currentIndex: 0
+
+        TabButton {
+            text: qsTr("Display")
+        }
+
+        TabButton {
+            text: qsTr("VNC")
+        }
+    }
+
     // footer: ToolBar {
     //     font.weight: Font.Medium
     //     font.pointSize: 11 //parent.font.pointSize + 1
@@ -165,6 +165,9 @@ ApplicationWindow {
 
     StackLayout {
         width: parent.width
+        anchors.top: tabBar.bottom
+        anchors.bottom: parent.bottom
+
         currentIndex: tabBar.currentIndex
 
         ColumnLayout {
@@ -433,15 +436,27 @@ ApplicationWindow {
                 }
             }
 
-            ListView {
+
-                id: ipListView
+            GroupBox {
-                height: 200
+                title: "Available IP addresses"
+                anchors.top: vncButton.top
+                anchors.bottom: parent.bottom
                 anchors.left: parent.left
                 anchors.right: parent.right
+                anchors.topMargin: 70
 
-                model: backend.ipAddresses
+                ColumnLayout {
-                delegate: Text {
+                    anchors.fill: parent
-                    text: modelData
+
+                    ListView {
+                        id: ipListView
+                        anchors.fill: parent
+                        
+                        model: backend.ipAddresses
+                        delegate: Label {
+                            text: modelData
+                        }
+                    }
                 }
             }
         }