settings: redesign home page

.config/quickshell/ii/modules/common/widgets/ConfigSelectionArray.qml

@@ -10,7 +10,6 @@ Flow {
     Layout.fillWidth: true
     spacing: 2
     property list<var> options: []
-    property string configOptionName: ""
     property var currentValue: null
 
     signal selected(var newValue)

.config/quickshell/ii/modules/common/widgets/ContentSection.qml

@@ -18,6 +18,11 @@ ColumnLayout {
     }
     ColumnLayout {
         id: sectionContent
+        Layout.fillWidth: true
         spacing: 8
+
+        Item {
+            Layout.fillWidth: true
+        }
     }
 }

.config/quickshell/ii/modules/common/widgets/LightDarkPreferenceButton.qml

@@ -6,7 +6,7 @@ import QtQuick
 import QtQuick.Layouts
 import Quickshell
 
-GroupButton {
+RippleButton {
     id: lightDarkButtonRoot
     required property bool dark
     property color previewBg: dark ? ColorUtils.colorWithHueOf("#3f3838", Appearance.m3colors.m3primary) : 

.config/quickshell/ii/modules/common/widgets/RippleButtonWithIcon.qml

@@ -17,12 +17,13 @@ RippleButton {
         }
     }
     implicitHeight: 35
-    horizontalPadding: 15
+    horizontalPadding: 10
     buttonRadius: Appearance.rounding.small
     colBackground: Appearance.colors.colLayer2
 
     contentItem: RowLayout {
         Item {
+            Layout.fillWidth: false
             implicitWidth: Math.max(materialIconLoader.implicitWidth, nerdIconLoader.implicitWidth)
             Loader {
                 id: materialIconLoader
@@ -48,6 +49,7 @@ RippleButton {
             }
         }
         Loader {
+            Layout.fillWidth: true
             sourceComponent: buttonWithIconRoot.mainContentComponent
             Layout.alignment: Qt.AlignVCenter
         }