More settings

Modules/Settings/SettingsPanel.qml

@@ -10,12 +10,12 @@ 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
 
       property int currentTabIndex: 0

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,31 +29,21 @@ 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 {
-          spacing: 8
-          Layout.fillWidth: true
-          Layout.topMargin: 8
-
-          NText {
-            text: "Audio Visualizer"
-            font.pointSize: 13
-            font.weight: Style.fontWeightBold
-            color: Colors.textPrimary
-          }
-
         NComboBox {
+          label: "Audio Visualizer"
+          description: "Choose a visualization type"
           optionsKeys: ["radial", "bars", "wave"]
           optionsLabels: ["Radial", "Bars", "Wave"]
           currentKey: Settings.data.audioVisualizer.type
@@ -65,5 +54,4 @@ ColumnLayout {
       }
     }
   }
-  }
 }

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,6 +69,12 @@ Item {
         Layout.fillWidth: true
       }
 
+      RowLayout {
+        Layout.fillWidth: true
+
+        ColumnLayout {
+          Layout.fillWidth: true
+
           // Wallpaper grid
           NText {
             text: "Available Wallpapers"
@@ -80,6 +86,7 @@ Item {
             text: "Click on a wallpaper to set it as your current wallpaper"
             color: Colors.textSecondary
             wrapMode: Text.WordWrap
+            Layout.fillWidth: true
           }
 
           NText {
@@ -89,11 +96,7 @@ Item {
             font.pointSize: Style.fontSizeSmall * scaling
             visible: Settings.data.wallpaper.swww.enabled
           }
-
+        }
-      // Refresh button and status
-      RowLayout {
-        Layout.fillWidth: true
-        spacing: Style.marginSmall * scaling
 
         NIconButton {
           icon: "refresh"
@@ -101,12 +104,16 @@ Item {
           onClicked: {
             Wallpapers.loadWallpapers()
           }
+          Layout.alignment: Qt.AlignTop | Qt.AlignRight
+        }
       }
 
-        NText {
+      // Refresh button and status
-          text: "Refresh"
+      RowLayout {
-          color: Colors.textSecondary
+        Layout.fillWidth: true
-        }
+        spacing: Style.marginSmall * scaling
+
+
       }
 
       // Wallpaper grid container