Settings: cleanup About

Gridview could need a little love

Widgets/SettingsWindow/Tabs/About.qml

@@ -7,7 +7,7 @@ import Quickshell.Io
 import qs.Components
 import qs.Settings
 
-Item {
+ColumnLayout {
     id: root
 
     property string latestVersion: "Unknown"
@@ -44,6 +44,10 @@ Item {
         });
     }
 
+    spacing: 0
+    anchors.fill: parent
+    anchors.margins: 0
+
     Process {
         id: currentVersionProcess
 
@@ -148,31 +152,35 @@ Item {
     }
 
     ScrollView {
-        anchors.fill: parent
+        id: scrollView
-        padding: 0
+
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        padding: 16
         rightPadding: 12
         clip: true
         ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
         ScrollBar.vertical.policy: ScrollBar.AsNeeded
 
         ColumnLayout {
-            id: mainLayout
+            width: scrollView.availableWidth
-
+            spacing: 0
-            width: parent.availableWidth
-            anchors.top: parent.top
-            spacing: 8
-
-            Item {
-                Layout.fillWidth: true
-                Layout.preferredHeight: 16
-            }
 
             Text {
-                text: "Noctalia"
+                text: "Noctalia: quiet by design"
                 font.pixelSize: 24 * Theme.uiScale
                 font.bold: true
                 color: Theme.textPrimary
                 Layout.alignment: Qt.AlignCenter
+                Layout.bottomMargin: 8 * Theme.uiScale
+            }
+
+            Text {
+                text: "It may just be another quickshell setup but it won't get in your way."
+                font.pixelSize: 14 * Theme.uiScale
+                color: Theme.textSecondary
+                Layout.alignment: Qt.AlignCenter
+                Layout.bottomMargin: 16 * Theme.uiScale
             }
 
             GridLayout {
@@ -273,14 +281,7 @@ Item {
 
             }
 
-            Text {
+            // Separator
-                text: "Description something something <.< I hate writing text..."
-                font.pixelSize: 14 * Theme.uiScale
-                color: Theme.textSecondary
-                Layout.alignment: Qt.AlignCenter
-                Layout.topMargin: 24
-            }
-
             Rectangle {
                 Layout.fillWidth: true
                 Layout.topMargin: 26
@@ -292,8 +293,10 @@ Item {
 
             ColumnLayout {
                 Layout.fillWidth: true
+                Layout.fillHeight: true
                 Layout.leftMargin: 32
                 Layout.rightMargin: 32
+                Layout.alignment: Qt.AlignCenter
                 spacing: 16
 
                 RowLayout {
@@ -315,27 +318,21 @@ Item {
 
                 }
 
-                ScrollView {
-                    Layout.fillWidth: true
-                    Layout.preferredHeight: 300
-                    clip: true
-
-                    Item {
-                        anchors.fill: parent
-
                 GridView {
                     id: contributorsGrid
 
-                            anchors.centerIn: parent
+                    Layout.leftMargin: 32
-                            width: Math.min(parent.width, Math.ceil(root.contributors.length / 3) * 200)
+                    Layout.rightMargin: 32
-                            height: parent.height
+                    Layout.alignment: Qt.AlignCenter
+                    width: 200 * 3
+                    height: 300
                     cellWidth: 200
                     cellHeight: 100
                     model: root.contributors
 
                     delegate: Rectangle {
-                                width: contributorsGrid.cellWidth - 4
+                        width: contributorsGrid.cellWidth - 8
-                                height: contributorsGrid.cellHeight - 10
+                        height: contributorsGrid.cellHeight - 4
                         radius: 20
                         color: contributorArea.containsMouse ? Theme.highlight : "transparent"
 
@@ -441,8 +438,4 @@ Item {
 
     }
 
-        }
-
-    }
-
 }