qml: styling MessageDialog

electrum/gui/qml/components/MessageDialog.qml

@@ -28,7 +28,12 @@ ElDialog {
         color: "#aa000000"
     }
 
+    padding: 0
+
+    ColumnLayout {
         ColumnLayout {
+            Layout.margins: constants.paddingMedium
+            Layout.alignment: Qt.AlignHCenter
             TextArea {
                 id: message
                 Layout.preferredWidth: Overlay.overlay.width *2/3
@@ -39,24 +44,38 @@ ElDialog {
                     color: 'transparent'
                 }
             }
+        }
 
-        RowLayout {
+        ButtonContainer {
-            Layout.alignment: Qt.AlignHCenter
+            Layout.fillWidth: true
-            Button {
+
+            FlatButton {
+                Layout.fillWidth: true
+                textUnderIcon: false
                 text: qsTr('Ok')
+                icon.source: Qt.resolvedUrl('../../icons/confirmed.png')
                 visible: !yesno
                 onClicked: dialog.close()
             }
-            Button {
+
+            FlatButton {
+                Layout.fillWidth: true
+                Layout.preferredWidth: 1
+                textUnderIcon: false
                 text: qsTr('Yes')
+                icon.source: Qt.resolvedUrl('../../icons/confirmed.png')
                 visible: yesno
                 onClicked: {
                     yesClicked()
                     dialog.close()
                 }
             }
-            Button {
+            FlatButton {
+                Layout.fillWidth: true
+                Layout.preferredWidth: 1
+                textUnderIcon: false
                 text: qsTr('No')
+                icon.source: Qt.resolvedUrl('../../icons/closebutton.png')
                 visible: yesno
                 onClicked: {
                     reject()

electrum/gui/qml/components/controls/FlatButton.qml

@@ -8,8 +8,10 @@ TabButton {
     id: control
     checkable: false
 
+    property bool textUnderIcon: true
+
     font.pixelSize: constants.fontSizeSmall
-    display: IconLabel.TextUnderIcon
+    display: textUnderIcon ? IconLabel.TextUnderIcon : IconLabel.TextBesideIcon
 
     contentItem: IconLabel {
         spacing: control.spacing