some cleanup

nymea-app/styles/dark/ApplicationWindow.qml

@@ -33,5 +33,5 @@ ApplicationWindow {
         "pressuresensor": "grey"
     }
 
-    property bool showConnectionTabs: false
+    property bool industrialSetup: true
 }

nymea-app/styles/light/ApplicationWindow.qml

@@ -31,6 +31,4 @@ ApplicationWindow {
         "pressuresensor": "grey"
     }
 
-    property bool showConnectionTabs: false
-
 }

nymea-app/ui/Nymea.qml

@@ -20,7 +20,7 @@ ApplicationWindow {
     Material.accent: accentColor
     Material.foreground: foregroundColor
 
-    property int margins: 14
+    property int margins: 16
     property int bigMargins: 20
     property int extraSmallFont: 10
     property int smallFont: 13
@@ -41,6 +41,7 @@ ApplicationWindow {
         property int currentMainViewIndex: 0
         property bool showHiddenOptions: false
         property int cloudEnvironment: 0
+        property bool showConnectionTabs: app.hasOwnProperty("industrialSetup") && app.industrialSetup
     }
 
     RootItem {

nymea-app/ui/RootItem.qml

@@ -232,11 +232,12 @@ Item {
         }
 
         RowLayout {
-            visible: app.showConnectionTabs
+            visible: settings.showConnectionTabs
 
             TabBar {
                 id: tabbar
                 Layout.fillWidth: true
+                Material.elevation: 2
 
                 Repeater {
                     model: mainRepeater.count

nymea-app/ui/appsettings/AppSettingsPage.qml

@@ -13,15 +13,17 @@ Page {
         onBackPressed: pageStack.pop()
     }
 
-    ColumnLayout {
+    Flickable {
-        anchors { left: parent.left; right: parent.right; top: parent.top }
+        anchors.fill: parent
+        contentHeight: contentColumn.implicitHeight
+        interactive: contentHeight > height
 
         ColumnLayout {
-            Layout.fillWidth: true
+            id: contentColumn
-            Layout.margins: app.margins
+            width: parent.width
 
             RowLayout {
-                Layout.fillWidth: true
+                Layout.fillWidth: true; Layout.leftMargin: app.margins; Layout.rightMargin: app.margins; Layout.topMargin: app.margins
                 Label {
                     Layout.fillWidth: true
                     text: qsTr("View mode")
@@ -55,7 +57,7 @@ Page {
             }
 
             RowLayout {
-                Layout.fillWidth: true
+                Layout.fillWidth: true; Layout.leftMargin: app.margins; Layout.rightMargin: app.margins
                 visible: appBranding.length === 0
                 Label {
                     Layout.fillWidth: true
@@ -80,18 +82,7 @@ Page {
             }
 
             RowLayout {
-                Layout.fillWidth: true
+                Layout.fillWidth: true; Layout.leftMargin: app.margins; Layout.rightMargin: app.margins
-                Label {
-                    Layout.fillWidth: true
-                    text: qsTr("Return to home on idle")
-                }
-                CheckBox {
-                    checked: settings.returnToHome
-                    onClicked: settings.returnToHome = checked
-                }
-            }
-            RowLayout {
-                Layout.fillWidth: true
                 Label {
                     Layout.fillWidth: true
                     text: qsTr("Graph style")
@@ -106,32 +97,45 @@ Page {
                     text: qsTr("Lines")
                     onClicked: settings.graphStyle = "bezier"
                 }
-
+            }
+            CheckDelegate {
+                Layout.fillWidth: true
+                text: qsTr("Return to home on idle")
+                checked: settings.returnToHome
+                onClicked: settings.returnToHome = checked
+            }
+            CheckDelegate {
+                Layout.fillWidth: true
+                text: qsTr("Show connection tabs")
+                checked: settings.showConnectionTabs
+                onClicked: settings.showConnectionTabs = checked
+            }
+            ThinDivider {}
+            MeaListItemDelegate {
+                Layout.fillWidth: true
+                text: qsTr("Cloud login")
+                iconName: "../images/cloud.svg"
+                onClicked: pageStack.push(Qt.resolvedUrl("CloudLoginPage.qml"))
+            }
+            MeaListItemDelegate {
+                Layout.fillWidth: true
+                text: qsTr("About %1").arg(app.appName)
+                iconName: "../images/info.svg"
+                onClicked: pageStack.push(Qt.resolvedUrl("AboutPage.qml"))
+            }
+            MeaListItemDelegate {
+                Layout.fillWidth: true
+                Layout.bottomMargin: app.margins
+                visible: settings.showHiddenOptions
+                text: qsTr("Developer options")
+                iconName: "../images/configure.svg"
+                onClicked: pageStack.push(Qt.resolvedUrl("DeveloperOptionsPage.qml"))
             }
         }
-        ThinDivider {}
-        MeaListItemDelegate {
-            Layout.fillWidth: true
-            text: qsTr("Cloud login")
-            iconName: "../images/cloud.svg"
-            onClicked: pageStack.push(Qt.resolvedUrl("CloudLoginPage.qml"))
-        }
-        MeaListItemDelegate {
-            Layout.fillWidth: true
-            text: qsTr("About %1").arg(app.appName)
-            iconName: "../images/info.svg"
-            onClicked: pageStack.push(Qt.resolvedUrl("AboutPage.qml"))
-        }
-        MeaListItemDelegate {
-            Layout.fillWidth: true
-            visible: settings.showHiddenOptions
-            text: qsTr("Developer options")
-            iconName: "../images/configure.svg"
-            onClicked: pageStack.push(Qt.resolvedUrl("DeveloperOptionsPage.qml"))
-        }
     }
 
 
+
     Component {
         id: styleChangedDialog
         Dialog {

nymea-app/ui/appsettings/DeveloperOptionsPage.qml

@@ -32,7 +32,4 @@ Page {
             }
         }
     }
-
-
-
 }