More settings

Modules/Settings/SettingsPanel.qml

@@ -10,11 +10,11 @@ import qs.Widgets
 NLoader {
   id: root
 
-  readonly property real scaling: Scaling.scale(screen)
-
   content: Component {
     NPanel {
       id: panel
+      
+      readonly property real scaling: Scaling.scale(screen)
 
       WlrLayershell.keyboardFocus: WlrKeyboardFocus.OnDemand
 

Modules/Settings/Tabs/Misc.qml

@@ -14,8 +14,7 @@ ColumnLayout {
 
     Layout.fillWidth: true
     Layout.fillHeight: true
-    padding: 16
+    padding: Style.marginMedium * scaling
-    rightPadding: 12
     clip: true
     ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
     ScrollBar.vertical.policy: ScrollBar.AsNeeded
@@ -30,37 +29,26 @@ ColumnLayout {
       }
 
       ColumnLayout {
-        spacing: 4
+        spacing: Style.marginLarge * scaling
         Layout.fillWidth: true
 
         NText {
           text: "Miscellaneous Settings"
-          font.pointSize: 18
+          font.pointSize: Style.fontSizeXL * scaling
           font.weight: Style.fontWeightBold
           color: Colors.textPrimary
-          Layout.bottomMargin: 8
+          Layout.bottomMargin: Style.marginSmall * scaling
         }
 
         // Audio Visualizer section
-        ColumnLayout {
+        NComboBox {
-          spacing: 8
+          label: "Audio Visualizer"
-          Layout.fillWidth: true
+          description: "Choose a visualization type"
-          Layout.topMargin: 8
+          optionsKeys: ["radial", "bars", "wave"]
-
+          optionsLabels: ["Radial", "Bars", "Wave"]
-          NText {
+          currentKey: Settings.data.audioVisualizer.type
-            text: "Audio Visualizer"
+          onSelected: function (key) {
-            font.pointSize: 13
+            Settings.data.audioVisualizer.type = key
-            font.weight: Style.fontWeightBold
-            color: Colors.textPrimary
-          }
-
-          NComboBox {
-            optionsKeys: ["radial", "bars", "wave"]
-            optionsLabels: ["Radial", "Bars", "Wave"]
-            currentKey: Settings.data.audioVisualizer.type
-            onSelected: function (key) {
-              Settings.data.audioVisualizer.type = key
-            }
           }
         }
       }

Modules/Settings/Tabs/Wallpaper.qml

@@ -29,7 +29,7 @@ ColumnLayout {
       }
 
       ColumnLayout {
-        spacing: Style.marginTiny * scaling
+        spacing: Style.marginLarge * scaling
         Layout.fillWidth: true
 
         NText {
@@ -42,7 +42,7 @@ ColumnLayout {
 
         // Wallpaper Settings Category
         ColumnLayout {
-          spacing: 8
+          spacing: Style.marginSmall * scaling
           Layout.fillWidth: true
           Layout.topMargin: Style.marginSmall * scaling
 
@@ -76,10 +76,10 @@ ColumnLayout {
 
         NText {
           text: "Automation"
-          font.pointSize: 18
+          font.pointSize: Style.fontSizeXL * scaling
           font.weight: Style.fontWeightBold
           color: Colors.textPrimary
-          Layout.bottomMargin: 8
+          Layout.bottomMargin: Style.marginSmall * scaling
         }
 
         // Random Wallpaper
@@ -151,12 +151,12 @@ ColumnLayout {
       // -------------------------------
       // SWWW
       ColumnLayout {
-        spacing: 4
+        spacing: Style.marginLarge * scaling
         Layout.fillWidth: true
 
         NText {
           text: "SWWW"
-          font.pointSize: 18
+          font.pointSize: Style.fontSizeXL * scaling
           font.weight: Style.fontWeightBold
           color: Colors.textPrimary
           Layout.bottomMargin: 8
@@ -174,9 +174,9 @@ ColumnLayout {
 
         // SWWW Settings (only visible when useSWWW is enabled)
         ColumnLayout {
-          spacing: 8
+          spacing: Style.marginSmall * scaling
           Layout.fillWidth: true
-          Layout.topMargin: 8
+          Layout.topMargin: Style.marginSmall * scaling
           visible: Settings.data.wallpaper.swww.enabled
 
           // Resize Mode

Modules/Settings/Tabs/WallpaperSelector.qml

@@ -69,31 +69,34 @@ Item {
         Layout.fillWidth: true
       }
 
-      // Wallpaper grid
-      NText {
-        text: "Available Wallpapers"
-        font.weight: Style.fontWeightBold
-        color: Colors.textPrimary
-      }
-
-      NText {
-        text: "Click on a wallpaper to set it as your current wallpaper"
-        color: Colors.textSecondary
-        wrapMode: Text.WordWrap
-      }
-
-      NText {
-        text: Settings.data.wallpaper.swww.enabled ? "Wallpapers will change with " + Settings.data.wallpaper.swww.transitionType
-                                                     + " transition" : "Wallpapers will change instantly"
-        color: Colors.textSecondary
-        font.pointSize: Style.fontSizeSmall * scaling
-        visible: Settings.data.wallpaper.swww.enabled
-      }
-
-      // Refresh button and status
       RowLayout {
         Layout.fillWidth: true
-        spacing: Style.marginSmall * scaling
+
+        ColumnLayout {
+          Layout.fillWidth: true
+
+          // Wallpaper grid
+          NText {
+            text: "Available Wallpapers"
+            font.weight: Style.fontWeightBold
+            color: Colors.textPrimary
+          }
+
+          NText {
+            text: "Click on a wallpaper to set it as your current wallpaper"
+            color: Colors.textSecondary
+            wrapMode: Text.WordWrap
+            Layout.fillWidth: true
+          }
+
+          NText {
+            text: Settings.data.wallpaper.swww.enabled ? "Wallpapers will change with " + Settings.data.wallpaper.swww.transitionType
+                                                        + " transition" : "Wallpapers will change instantly"
+            color: Colors.textSecondary
+            font.pointSize: Style.fontSizeSmall * scaling
+            visible: Settings.data.wallpaper.swww.enabled
+          }
+        }
 
         NIconButton {
           icon: "refresh"
@@ -101,12 +104,16 @@ Item {
           onClicked: {
             Wallpapers.loadWallpapers()
           }
+          Layout.alignment: Qt.AlignTop | Qt.AlignRight
         }
+      }
+
+      // Refresh button and status
+      RowLayout {
+        Layout.fillWidth: true
+        spacing: Style.marginSmall * scaling
+
 
-        NText {
-          text: "Refresh"
-          color: Colors.textSecondary
-        }
       }
 
       // Wallpaper grid container