From c0edaea7162e360ab65e3c177552c96d5b6c748a Mon Sep 17 00:00:00 2001
From: bbedward <bbedward@gmail.com>
Date: Wed, 17 Sep 2025 10:12:06 -0400
Subject: [PATCH] fix style of font scale option

---
 Modules/Settings/AboutTab.qml           |  2 +-
 Modules/Settings/PersonalizationTab.qml | 20 +++++++++++++++-----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/Modules/Settings/AboutTab.qml b/Modules/Settings/AboutTab.qml
index feff20a4..489179ff 100644
--- a/Modules/Settings/AboutTab.qml
+++ b/Modules/Settings/AboutTab.qml
@@ -259,7 +259,7 @@ Item {
                     }
 
                     StyledText {
-                        text: `DankMaterialShell is a modern desktop inspired by <a href="https://m3.material.io/" style="text-decoration:none; color:${Theme.primary};">MUI 3</a>.
+                        text: `DankMaterialShell is a modern desktop with a <a href="https://m3.material.io/" style="text-decoration:none; color:${Theme.primary};">material</a>-ish design.
                         <br /><br/>The goal is to provide a high level of functionality and customization so that it can be a suitable replacement for complete desktop environments like Gnome, KDE, or Cosmic.
                         `
                         textFormat: Text.RichText
diff --git a/Modules/Settings/PersonalizationTab.qml b/Modules/Settings/PersonalizationTab.qml
index 2c32bfdc..0095d775 100644
--- a/Modules/Settings/PersonalizationTab.qml
+++ b/Modules/Settings/PersonalizationTab.qml
@@ -1345,12 +1345,18 @@ Item {
                                         }
                     }
 
-                    Row {
+                    Rectangle {
                         width: parent.width
-                        spacing: Theme.spacingM
+                        height: 60
+                        radius: Theme.cornerRadius
+                        color: "transparent"
 
                         Column {
-                            width: parent.width - fontScaleControls.width - Theme.spacingM
+                            anchors.left: parent.left
+                            anchors.right: fontScaleControls.left
+                            anchors.verticalCenter: parent.verticalCenter
+                            anchors.leftMargin: Theme.spacingM
+                            anchors.rightMargin: Theme.spacingM
                             spacing: Theme.spacingXS
 
                             StyledText {
@@ -1361,7 +1367,7 @@ Item {
                             }
 
                             StyledText {
-                                text: "Scale all font sizes (" + (SettingsData.fontScale * 100).toFixed(0) + "%)"
+                                text: "Scale all font sizes"
                                 font.pixelSize: Theme.fontSizeSmall
                                 color: Theme.surfaceVariantText
                                 width: parent.width
@@ -1371,8 +1377,12 @@ Item {
                         Row {
                             id: fontScaleControls
 
-                            spacing: Theme.spacingS
+                            width: 180
+                            height: 36
+                            anchors.right: parent.right
+                            anchors.rightMargin: 0
                             anchors.verticalCenter: parent.verticalCenter
+                            spacing: Theme.spacingS
 
                             DankActionButton {
                                 buttonSize: 32