From 72daff3ae4c21fc0afc80389a6942db3651d99e2 Mon Sep 17 00:00:00 2001
From: Sander van Grieken <sander@outrightsolutions.nl>
Date: Wed, 17 Dec 2025 16:50:59 +0100
Subject: [PATCH] qml: improve HelpDialog styling

remove misalignment between pane and dialog, add bottom padding
---
 .../qml/components/controls/HelpDialog.qml    | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/electrum/gui/qml/components/controls/HelpDialog.qml b/electrum/gui/qml/components/controls/HelpDialog.qml
index 8d1b87d86..ac7dac0ad 100644
--- a/electrum/gui/qml/components/controls/HelpDialog.qml
+++ b/electrum/gui/qml/components/controls/HelpDialog.qml
@@ -7,6 +7,7 @@ ElDialog {
     id: dialog
 
     header: Item { }
+    footer: Item { }
 
     property string text
     property string heading
@@ -18,20 +19,27 @@ ElDialog {
     padding: 0
     needsSystemBarPadding: false
 
-    width: rootPane.width
+    width: parent.width * 4/5
 
     Overlay.modal: Rectangle {
-        color: "#55000000"
+        color: "#aa000000"
+    }
+
+    background: Rectangle {
+        color: "transparent"
     }
 
     Pane {
         id: rootPane
-        width: rootLayout.width + leftPadding + rightPadding
+        width: parent.width
+        implicitHeight: rootLayout.height + topPadding + bottomPadding
         padding: constants.paddingLarge
-
+        background: Rectangle {
+            color: constants.lighterBackground
+        }
         ColumnLayout {
             id: rootLayout
-            width: dialog.parent.width * 3/4
+            width: parent.width
             spacing: constants.paddingLarge
 
             RowLayout {
@@ -59,6 +67,9 @@ ElDialog {
                     color: 'transparent'
                 }
             }
+            Item {
+                height: constants.paddingLarge
+            }
         }
     }
 }