From 8ff7457bf289f802900d9e80d9d7639b12640d99 Mon Sep 17 00:00:00 2001
From: Sander van Grieken <sander@outrightsolutions.nl>
Date: Wed, 9 Oct 2024 12:11:46 +0200
Subject: [PATCH] qml: styling Pin dialog, fix size glitching

---
 electrum/gui/qml/components/Pin.qml | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/electrum/gui/qml/components/Pin.qml b/electrum/gui/qml/components/Pin.qml
index cb9356495..261a37574 100644
--- a/electrum/gui/qml/components/Pin.qml
+++ b/electrum/gui/qml/components/Pin.qml
@@ -19,7 +19,7 @@ ElDialog {
     property string _pin
 
     title: authMessage ? authMessage : qsTr('PIN')
-    iconSource: '../../../icons/lock.png'
+    iconSource: Qt.resolvedUrl('../../icons/lock.png')
     width: parent.width * 3/4
     z: 1000
     focus: true
@@ -72,17 +72,21 @@ ElDialog {
 
         Label {
             text: [qsTr('Enter PIN'), qsTr('Enter New PIN'), qsTr('Re-enter New PIN')][_phase]
-            font.pixelSize: constants.fontSizeXXLarge
-            Layout.alignment: Qt.AlignHCenter
+            font.pixelSize: constants.fontSizeXLarge
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.Wrap
+            Layout.fillWidth: true
         }
 
         TextField {
             id: pin
-            Layout.preferredWidth: fontMetrics.advanceWidth(passwordCharacter) * 6
+            Layout.preferredWidth: fontMetrics.advanceWidth(passwordCharacter) * 6 + pin.leftPadding + pin.rightPadding
+            Layout.preferredHeight: fontMetrics.height + pin.topPadding + pin.bottomPadding
             Layout.alignment: Qt.AlignHCenter
             font.pixelSize: constants.fontSizeXXLarge
             maximumLength: 6
             inputMethodHints: Qt.ImhDigitsOnly
+
             echoMode: TextInput.Password
             focus: true
             onTextChanged: {