From 74235dc6f393aeee257909f539b2f10ada6e8ad1 Mon Sep 17 00:00:00 2001
From: armored-dragon <publicmail@armoreddragon.com>
Date: Tue, 19 Nov 2024 19:41:53 -0600
Subject: [PATCH] Ensure static width of spinbox.

---
 .../settings/qml_widgets/SettingNumber.qml    | 189 +++++++++---------
 1 file changed, 98 insertions(+), 91 deletions(-)

diff --git a/scripts/system/settings/qml_widgets/SettingNumber.qml b/scripts/system/settings/qml_widgets/SettingNumber.qml
index 2abefc2de0..91b338576a 100644
--- a/scripts/system/settings/qml_widgets/SettingNumber.qml
+++ b/scripts/system/settings/qml_widgets/SettingNumber.qml
@@ -38,114 +38,121 @@ Item {
 			width: parent.width - 200;
 		}
 
-		SpinBox {
-			id: spinbox;
-			value: settingValue;
-			// decimals: 2;
-			from: minValue;
-			to: maxValue;
-			// stepSize: stepSize;
+		Item {
 			Layout.alignment: Qt.AlignRight;
-			implicitWidth: 200;
-			implicitHeight: parent.height;
+			width: 225;
+			height: parent.height;
 
-			contentItem: TextField {
-				id: spinboxText;
-				color: "white";
-				text: parent.value;
-				verticalAlignment: Qt.AlignVCenter
-				horizontalAlignment: TextInput.AlignHCenter
-				width: parent.width;
-				clip: true;
-				font.pointSize: 14
-				validator: RegExpValidator { regExp: /[0-9]*/ }
+			SpinBox {
+				id: spinbox;
+				value: settingValue;
+				// decimals: 2;
+				from: minValue;
+				to: maxValue;
+				// stepSize: stepSize;
+				Layout.alignment: Qt.AlignRight;
+				implicitWidth: 200;
+				implicitHeight: parent.height;
 
-				background: Rectangle {
-					color: "transparent";
-					border.width: 1;
-					border.color: "white";
-					radius: 10;
-				}
+				contentItem: TextField {
+					id: spinboxText;
+					color: "white";
+					text: parent.value;
+					verticalAlignment: Qt.AlignVCenter
+					horizontalAlignment: TextInput.AlignHCenter
+					width: parent.width;
+					clip: true;
+					font.pointSize: 14
+					validator: RegExpValidator { regExp: /[0-9]*/ }
 
-				onTextChanged: {
-					valueChanged(spinbox.value);
-				}
+					background: Rectangle {
+						color: "transparent";
+						border.width: 1;
+						border.color: "white";
+						radius: 10;
+					}
 
-				Keys.onPressed: {
-					if (event.key === Qt.Key_Return) {
-						event.accepted = true;
-						valueChanged(spinboxText.text);
+					onTextChanged: {
+						valueChanged(spinbox.value);
+					}
+
+					Keys.onPressed: {
+						if (event.key === Qt.Key_Return) {
+							event.accepted = true;
+							valueChanged(spinboxText.text);
+						}
 					}
 				}
-			}
 
-			up.indicator: Button {
-				height: parent.height - 15;
-				width: parent.height;
-				x: parent.width - width;
-				anchors.verticalCenter: parent.verticalCenter;
+				up.indicator: Button {
+					height: parent.height - 15;
+					width: parent.height;
+					x: parent.width - width;
+					anchors.verticalCenter: parent.verticalCenter;
+
+					background: Rectangle {
+						color: "transparent";
+						border.color: "white";
+						border.width: 1;
+						radius: 10;
+					}
+
+					Text {
+						text: "+";
+						color: "white";
+						font.pointSize: 20;
+						verticalAlignment: Qt.AlignVCenter	
+						anchors.horizontalCenter: parent.horizontalCenter;
+						anchors.verticalCenter: parent.verticalCenter;
+					}
+
+					onClicked: {
+						spinbox.value += 1;
+						valueChanged(spinbox.value);
+					}
+				}
+
+				down.indicator: Button {
+					height: parent.height - 15;
+					width: parent.height;
+					anchors.verticalCenter: parent.verticalCenter;
+
+					background: Rectangle {
+						color: "transparent";
+						border.color: "white";
+						border.width: 1;
+						radius: 10;
+					}
+
+					Text {
+						text: "-";
+						color: "white";
+						font.pointSize: 20;
+						anchors.horizontalCenter: parent.horizontalCenter;
+						anchors.verticalCenter: parent.verticalCenter;
+					}
+
+					onClicked: {
+						spinbox.value -= 1;
+						valueChanged(spinbox.value);
+					}
+				}
 
 				background: Rectangle {
 					color: "transparent";
-					border.color: "white";
-					border.width: 1;
-					radius: 10;
 				}
 
-				Text {
-					text: "+";
-					color: "white";
-					font.pointSize: 20;
-					verticalAlignment: Qt.AlignVCenter	
-					anchors.horizontalCenter: parent.horizontalCenter;
-					anchors.verticalCenter: parent.verticalCenter;
-				}
 
-				onClicked: {
-					spinbox.value += 1;
-					valueChanged(spinbox.value);
-				}
 			}
 
-			down.indicator: Button {
-				height: parent.height - 15;
-				width: parent.height;
-				anchors.verticalCenter: parent.verticalCenter;
-
-				background: Rectangle {
-					color: "transparent";
-					border.color: "white";
-					border.width: 1;
-					radius: 10;
-				}
-
-				Text {
-					text: "-";
-					color: "white";
-					font.pointSize: 20;
-					anchors.horizontalCenter: parent.horizontalCenter;
-					anchors.verticalCenter: parent.verticalCenter;
-				}
-
-				onClicked: {
-					spinbox.value -= 1;
-					valueChanged(spinbox.value);
-				}
+			Text {
+				visible: suffixText != "";
+				text: suffixText;
+				color: "white";
+				height: parent.height;
+				verticalAlignment: Qt.AlignVCenter
+				x: spinbox.width + 10;
 			}
-
-			background: Rectangle {
-				color: "transparent";
-			}
-
-
-		}
-
-		Text {
-			visible: suffixText != "";
-			text: suffixText;
-			color: "white";
-			height: parent.height;
-			verticalAlignment: Qt.AlignVCenter
 		}
 	}
 }
\ No newline at end of file