Better busy indicator defaults

Modules/Bar/WiFiMenu.qml

@@ -172,7 +172,7 @@ NLoader {
                         running: network.connectingSsid === modelData.ssid
                         color: Colors.accentPrimary
                         anchors.centerIn: parent
-                        size: 22 * scaling
+                        size: Style.baseWidgetSize * 0.7 * scaling
                       }
 
                       // TBC: Does nothing on my setup

Modules/DemoPanel/DemoPanel.qml

@@ -24,8 +24,8 @@ NLoader {
         radius: Style.radiusMedium * scaling
         border.color: Colors.backgroundTertiary
         border.width: Math.max(1, Style.borderMedium * scaling)
-        width: 500 * scaling
-        height: 400 * scaling
+        width: 600 * scaling
+        height: 600 * scaling
         anchors.centerIn: parent
 
         // Prevent closing when clicking in the panel bg
@@ -104,7 +104,7 @@ NLoader {
 
           // NToggle
           ColumnLayout {
-            spacing: Style.marginLarge * scaling
+            spacing: Style.marginMedium * scaling
             NText {
               text: "NToggle"
               color: Colors.accentSecondary
@@ -126,7 +126,7 @@ NLoader {
 
           // NComboBox
           ColumnLayout {
-            spacing: Style.marginLarge * scaling
+            spacing: Style.marginMedium * scaling
             NText {
               text: "NComboBox"
               color: Colors.accentSecondary
@@ -146,6 +146,23 @@ NLoader {
               Layout.fillWidth: true
             }
           }
+
+          // NBusyIndicator
+          ColumnLayout {
+            spacing: Style.marginMedium * scaling
+            NText {
+              text: "NBusyIndicator"
+              color: Colors.accentSecondary
+              font.weight: Style.fontWeightBold
+            }
+
+            NBusyIndicator {
+            }
+
+            NDivider {
+              Layout.fillWidth: true
+            }
+          }
         }
       }
     }

Widgets/NBusyIndicator.qml

@@ -6,10 +6,10 @@ Item {
 
   readonly property real scaling: Scaling.scale(screen)
 
-  property bool running: false
-  property color color: "white"
-  property int size: baseWidgetSize * 0.5 * scaling
-  property int strokeWidth: 2 * scaling
+  property bool running: true
+  property color color: Colors.accentPrimary
+  property int size: Style.baseWidgetSize * scaling
+  property int strokeWidth: Style.borderThick * scaling
   property int duration: 1000
 
   implicitWidth: size
@@ -28,7 +28,7 @@ Item {
       var radius = Math.min(width, height) / 2 - strokeWidth / 2
 
       ctx.strokeStyle = root.color
-      ctx.lineWidth = root.strokeWidth
+      ctx.lineWidth = Math.max(1, root.strokeWidth)
       ctx.lineCap = "round"
 
       // Draw arc with gap (270 degrees with 90 degree gap)