From a61b2edd0752b7f2c1ab79ddfe99ba790b3a8a1e Mon Sep 17 00:00:00 2001
From: LemmyCook <studio@quadbyte.net>
Date: Sun, 14 Sep 2025 11:23:20 -0400
Subject: [PATCH] Settings: fully cleanup and aligned

---
 Modules/BluetoothPanel/BluetoothPanel.qml     |  2 +-
 Modules/Notification/Notification.qml         |  2 +-
 .../Notification/NotificationHistoryPanel.qml |  2 +-
 Modules/SettingsPanel/SettingsPanel.qml       |  4 +-
 Modules/SettingsPanel/Tabs/AboutTab.qml       | 39 +++++++++----------
 Modules/WiFiPanel/WiFiPanel.qml               |  2 +-
 6 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/Modules/BluetoothPanel/BluetoothPanel.qml b/Modules/BluetoothPanel/BluetoothPanel.qml
index 8b53a1d..12a5ce0 100644
--- a/Modules/BluetoothPanel/BluetoothPanel.qml
+++ b/Modules/BluetoothPanel/BluetoothPanel.qml
@@ -63,7 +63,7 @@ NPanel {
 
         NIconButton {
           icon: "close"
-          tooltipText: "Close"
+          tooltipText: "Close."
           sizeRatio: 0.8
           onClicked: {
             root.close()
diff --git a/Modules/Notification/Notification.qml b/Modules/Notification/Notification.qml
index 93be571..940c6d6 100644
--- a/Modules/Notification/Notification.qml
+++ b/Modules/Notification/Notification.qml
@@ -325,7 +325,7 @@ Variants {
             // Close button positioned absolutely
             NIconButton {
               icon: "close"
-              tooltipText: "Close"
+              tooltipText: "Close."
               sizeRatio: 0.6
               anchors.top: parent.top
               anchors.topMargin: Style.marginM * scaling
diff --git a/Modules/Notification/NotificationHistoryPanel.qml b/Modules/Notification/NotificationHistoryPanel.qml
index a29c2cb..0a9e852 100644
--- a/Modules/Notification/NotificationHistoryPanel.qml
+++ b/Modules/Notification/NotificationHistoryPanel.qml
@@ -65,7 +65,7 @@ NPanel {
 
         NIconButton {
           icon: "close"
-          tooltipText: "Close"
+          tooltipText: "Close."
           sizeRatio: 0.8
           onClicked: {
             root.close()
diff --git a/Modules/SettingsPanel/SettingsPanel.qml b/Modules/SettingsPanel/SettingsPanel.qml
index 3a67fec..37d54a5 100644
--- a/Modules/SettingsPanel/SettingsPanel.qml
+++ b/Modules/SettingsPanel/SettingsPanel.qml
@@ -474,7 +474,7 @@ NPanel {
               // Main title
               NText {
                 text: root.tabsModel[currentTabIndex]?.label || ""
-                font.pointSize: Style.fontSizeXXL * scaling
+                font.pointSize: Style.fontSizeXL * scaling
                 font.weight: Style.fontWeightBold
                 color: Color.mPrimary
                 Layout.fillWidth: true
@@ -484,7 +484,7 @@ NPanel {
               // Close button
               NIconButton {
                 icon: "close"
-                tooltipText: "Close"
+                tooltipText: "Close."
                 Layout.alignment: Qt.AlignVCenter
                 onClicked: root.close()
               }
diff --git a/Modules/SettingsPanel/Tabs/AboutTab.qml b/Modules/SettingsPanel/Tabs/AboutTab.qml
index 24890a1..df2231b 100644
--- a/Modules/SettingsPanel/Tabs/AboutTab.qml
+++ b/Modules/SettingsPanel/Tabs/AboutTab.qml
@@ -10,23 +10,23 @@ import qs.Widgets
 
 ColumnLayout {
   id: root
+  spacing: Style.marginL * scaling
 
   property string latestVersion: GitHubService.latestVersion
   property string currentVersion: UpdateService.currentVersion
   property var contributors: GitHubService.contributors
 
-  NText {
-    text: "Noctalia Shell"
-    font.pointSize: Style.fontSizeXXXL * scaling
-    font.weight: Style.fontWeightBold
-    color: Color.mOnSurface
-    Layout.alignment: Qt.AlignCenter
-    Layout.bottomMargin: Style.marginS * scaling
+  NHeader {
+    label: "Noctalia Shell"
+    description: "A sleek and minimal desktop shell thoughtfully crafted for Wayland, built with Quickshell."
   }
 
+  RowLayout {
+    spacing: Style.marginL * scaling
+  
+
   // Versions
   GridLayout {
-    Layout.alignment: Qt.AlignCenter
     columns: 2
     rowSpacing: Style.marginXS * scaling
     columnSpacing: Style.marginS * scaling
@@ -34,7 +34,6 @@ ColumnLayout {
     NText {
       text: "Latest Version:"
       color: Color.mOnSurface
-      Layout.alignment: Qt.AlignRight
     }
 
     NText {
@@ -46,7 +45,6 @@ ColumnLayout {
     NText {
       text: "Installed Version:"
       color: Color.mOnSurface
-      Layout.alignment: Qt.AlignRight
     }
 
     NText {
@@ -56,10 +54,13 @@ ColumnLayout {
     }
   }
 
-  // Updater
+  Item {
+    Layout.fillWidth: true
+  }
+
+ // Update button
   Rectangle {
-    Layout.alignment: Qt.AlignCenter
-    Layout.topMargin: Style.marginS * scaling
+    Layout.alignment: Qt.alignmentRight
     Layout.preferredWidth: Math.round(updateRow.implicitWidth + (Style.marginL * scaling * 2))
     Layout.preferredHeight: Math.round(Style.barHeight * scaling)
     radius: Style.radiusL * scaling
@@ -115,23 +116,21 @@ ColumnLayout {
     }
   }
 
+}
+
   NDivider {
     Layout.fillWidth: true
     Layout.topMargin: Style.marginXL * scaling
     Layout.bottomMargin: Style.marginXL * scaling
   }
 
-  NText {
-    text: `Shout-out to our ${root.contributors.length} <b>awesome</b> contributors!`
-    font.pointSize: Style.fontSizeL * scaling
-    color: Color.mOnSurface
-    Layout.alignment: Qt.AlignCenter
+  NHeader {
+    label: "Contributors"
+    description: `Shout-out to our ${root.contributors.length} <b>awesome</b> contributors!`
   }
 
   GridView {
     id: contributorsGrid
-
-    Layout.topMargin: Style.marginL * scaling
     Layout.alignment: Qt.AlignHCenter
     Layout.preferredWidth: cellWidth * 3 // Fixed 3 columns
     Layout.preferredHeight: {
diff --git a/Modules/WiFiPanel/WiFiPanel.qml b/Modules/WiFiPanel/WiFiPanel.qml
index 02cbc46..bfda627 100644
--- a/Modules/WiFiPanel/WiFiPanel.qml
+++ b/Modules/WiFiPanel/WiFiPanel.qml
@@ -64,7 +64,7 @@ NPanel {
 
         NIconButton {
           icon: "close"
-          tooltipText: "Close"
+          tooltipText: "Close."
           sizeRatio: 0.8
           onClicked: root.close()
         }