qml: ui close channel dialog

electrum/gui/qml/components/CloseChannelDialog.qml

@@ -26,18 +26,28 @@ ElDialog {
 
     closePolicy: Popup.NoAutoClose
 
-    GridLayout {
-        id: layout
+    padding: 0
+
+    ColumnLayout {
         width: parent.width
         height: parent.height
+        spacing: 0
+
+        GridLayout {
+            id: layout
+            Layout.preferredWidth: parent.width
+            Layout.leftMargin: constants.paddingLarge
+            Layout.rightMargin: constants.paddingLarge
             columns: 2
 
             Label {
+                Layout.fillWidth: true
                 text: qsTr('Channel name')
                 color: Material.accentColor
             }
 
             Label {
+                Layout.fillWidth: true
                 text: channeldetails.name
             }
 
@@ -50,8 +60,12 @@ ElDialog {
                 text: channeldetails.short_cid
             }
 
+            Item { Layout.preferredHeight: constants.paddingMedium; Layout.preferredWidth: 1; Layout.columnSpan: 2 }
+
             InfoTextArea {
                 Layout.columnSpan: 2
+                Layout.preferredWidth: parent.width * 3/4
+                Layout.alignment: Qt.AlignHCenter
                 text: qsTr(channeldetails.message_force_close)
             }
 
@@ -84,18 +98,6 @@ ElDialog {
                 }
             }
 
-        Button {
-            Layout.columnSpan: 2
-            Layout.alignment: Qt.AlignHCenter
-            text: qsTr('Close')
-            enabled: !closing
-            onClicked: {
-                closing = true
-                channeldetails.close_channel(closetypegroup.checkedButton.closetype)
-            }
-
-        }
-
             ColumnLayout {
                 Layout.columnSpan: 2
                 Layout.alignment: Qt.AlignHCenter
@@ -113,8 +115,23 @@ ElDialog {
                     visible: closing
                 }
             }
+        }
+
         Item { Layout.fillHeight: true; Layout.preferredWidth: 1 }
 
+        FlatButton {
+            Layout.columnSpan: 2
+            Layout.fillWidth: true
+            text: qsTr('Close')
+            icon.source: '../../icons/closebutton.png'
+            enabled: !closing
+            onClicked: {
+                closing = true
+                channeldetails.close_channel(closetypegroup.checkedButton.closetype)
+            }
+
+        }
+
     }
 
     ChannelDetails {