qml: ui swapdialog

electrum/gui/qml/components/SwapDialog.qml

@@ -22,18 +22,19 @@ ElDialog {
         color: "#aa000000"
     }
 
-    GridLayout {
+    padding: 0
-        id: layout
+
+    ColumnLayout {
         width: parent.width
         height: parent.height
-        columns: 2
+        spacing: 0
 
-        Rectangle {
+        GridLayout {
-            height: 1
+            id: layout
-            Layout.fillWidth: true
+            columns: 2
-            Layout.columnSpan: 2
+            Layout.preferredWidth: parent.width
-            color: Material.accentColor
+            Layout.leftMargin: constants.paddingLarge
-        }
+            Layout.rightMargin: constants.paddingLarge
 
             Label {
                 text: qsTr('You send')
@@ -143,26 +144,23 @@ ElDialog {
 
             InfoTextArea {
                 Layout.columnSpan: 2
+                Layout.preferredWidth: swapslider.width
+                Layout.alignment: Qt.AlignHCenter
                 visible: swaphelper.userinfo != ''
                 text: swaphelper.userinfo
             }
-
-        Rectangle {
-            height: 1
-            Layout.fillWidth: true
-            Layout.columnSpan: 2
-            color: Material.accentColor
         }
 
-        Button {
+        Item { Layout.fillHeight: true; Layout.preferredWidth: 1 }
-            Layout.alignment: Qt.AlignHCenter
+
+        FlatButton {
             Layout.columnSpan: 2
-            text: qsTr('Ok')
+            Layout.fillWidth: true
+            text: qsTr('Swap')
+            icon.source: '../../icons/status_waiting.png'
             enabled: swaphelper.valid
             onClicked: swaphelper.executeSwap()
         }
-
-        Item { Layout.fillHeight: true; Layout.preferredWidth: 1; Layout.columnSpan: 2 }
     }
 
     SwapHelper {