qml: background flatbuttons within pages

electrum/gui/qml/components/ChannelDetails.qml

@@ -108,14 +108,16 @@ Pane {
                         Layout.fillWidth: true
                         Layout.preferredHeight: 1
                     }
+                    Pane {
+                        background: Rectangle { color: Material.dialogColor }
+                        padding: 0
                         FlatButton {
                             Layout.minimumWidth: implicitWidth
-                        // icon.source: '../../icons/warning.png'
-                        // icon.color: 'transparent'
                             text: channeldetails.frozenForSending ? qsTr('Unfreeze') : qsTr('Freeze')
                             onClicked: channeldetails.freezeForSending()
                         }
                     }
+                }
 
                 Label {
                     visible: !channeldetails.isOpen
@@ -143,14 +145,16 @@ Pane {
                         Layout.fillWidth: true
                         Layout.preferredHeight: 1
                     }
+                    Pane {
+                        background: Rectangle { color: Material.dialogColor }
+                        padding: 0
                         FlatButton {
                             Layout.minimumWidth: implicitWidth
-                        // icon.source: '../../icons/warning.png'
-                        // icon.color: 'transparent'
                             text: channeldetails.frozenForReceiving ? qsTr('Unfreeze') : qsTr('Freeze')
                             onClicked: channeldetails.freezeForReceiving()
                         }
                     }
+                }
 
                 Label {
                     visible: !channeldetails.isOpen

electrum/gui/qml/components/Preferences.qml

@@ -217,11 +217,17 @@ Pane {
                         }
                     }
 
-                    Button {
+                    Pane {
-                        text: qsTr('Modify')
+                        background: Rectangle { color: Material.dialogColor }
+                        padding: 0
                         visible: Config.pinCode != ''
+                        FlatButton {
+                            text: qsTr('Modify')
                             onClicked: {
-                            var dialog = pinSetup.createObject(preferences, {mode: 'change', pincode: Config.pinCode})
+                                var dialog = pinSetup.createObject(preferences, {
+                                    mode: 'change',
+                                    pincode: Config.pinCode
+                                })
                                 dialog.accepted.connect(function() {
                                     Config.pinCode = dialog.pincode
                                     dialog.close()
@@ -229,6 +235,7 @@ Pane {
                                 dialog.open()
                             }
                         }
+                    }
 
                     RowLayout {
                         Layout.columnSpan: 2

electrum/gui/qml/components/TxDetails.qml

@@ -136,9 +136,12 @@ Pane {
                             }
                             ColumnLayout {
                                 Layout.alignment: Qt.AlignHCenter
+                                Pane {
+                                    background: Rectangle { color: Material.dialogColor }
+                                    padding: 0
+                                    visible: txdetails.canBump || txdetails.canCpfp
                                     FlatButton {
                                         id: feebumpButton
-                                    visible: txdetails.canBump || txdetails.canCpfp
                                         textUnderIcon: false
                                         icon.source: '../../icons/add.png'
                                         text: qsTr('Bump fee')
@@ -151,9 +154,13 @@ Pane {
                                             dialog.open()
                                         }
                                     }
+                                }
+                                Pane {
+                                    background: Rectangle { color: Material.dialogColor }
+                                    padding: 0
+                                    visible: txdetails.canCancel
                                     FlatButton {
                                         id: cancelButton
-                                    visible: txdetails.canCancel
                                         textUnderIcon: false
                                         icon.source: '../../icons/closebutton.png'
                                         text: qsTr('Cancel Tx')
@@ -164,6 +171,7 @@ Pane {
                                     }
                                 }
                             }
+                        }
 
                     }