Use HInterfaceBox for ImportExportKeys

src/qml/Base/HFileDialogOpener.qml

@@ -3,7 +3,9 @@ import Qt.labs.platform 1.1
 
 Item {
     id: opener
-    anchors.fill: parent
+    anchors.fill: fill ? parent : undefined
+
+    property bool fill: true
 
     property alias dialog: fileDialog
     property string selectedFile: ""
@@ -12,7 +14,7 @@ Item {
     enum FileType { All, Images }
     property int fileType: HFileDialogOpener.FileType.All
 
-    TapHandler { onTapped: fileDialog.open() }
+    TapHandler { enabled: fill; onTapped: fileDialog.open() }
 
     FileDialog {
         id: fileDialog

src/qml/Base/HInterfaceBox.qml

@@ -24,7 +24,7 @@ Rectangle {
     property var buttonCallbacks: []
     property string enterButtonTarget: ""
 
-    default property alias body: interfaceBody.children
+    default property alias body: interfaceBody.data
 
     function clickEnterButtonTarget() {
         for (let i = 0; i < buttonModel.length; i++) {

src/qml/Pages/EditAccount/ImportError.qml

@@ -5,6 +5,9 @@ import "../../Base"
 import "../../utils.js" as Utils
 
 HInterfaceBox {
+    horizontalSpacing: currentSpacing
+    verticalSpacing: currentSpacing
+
     buttonModel: [
         { name: "retry", text: qsTr("Retry"), iconName: "retry" },
         { name: "cancel", text: qsTr("Cancel"), iconName: "cancel" },

src/qml/Pages/EditAccount/ImportExportKeys.qml

@@ -4,7 +4,22 @@ import QtQuick.Layouts 1.12
 import "../../Base"
 import "../../utils.js" as Utils
 
-HColumnLayout {
+HInterfaceBox {
+    horizontalSpacing: currentSpacing
+    verticalSpacing: currentSpacing
+
+    buttonModel: [
+        { name: "export", text: qsTr("Export"), iconName: "export-keys",
+          enabled: false },
+        { name: "import", text: qsTr("Import"), iconName: "import-keys"},
+    ]
+
+    buttonCallbacks: ({
+        export: button => {},
+        import: button => { fileDialog.open() },
+    })
+
+
     HLabel {
         wrapMode: Text.Wrap
         text: qsTr(
@@ -15,36 +30,15 @@ HColumnLayout {
         ).arg(pageLoader.isWide ? "\n" :"\n\n")
 
         Layout.fillWidth: true
-        Layout.margins: currentSpacing
     }
 
-    HRowLayout {
+    HFileDialogOpener {
-        HButton {
+        id: fileDialog
-            id: exportButton
+        fill: false
-            icon.name: "export-keys"
+        dialog.title: qsTr("Select a decryption key file to import")
-            text: qsTr("Export")
+        onFileChanged: {
-            enabled: false
+            importPasswordPopup.file = file
-
+            importPasswordPopup.open()
-            Layout.fillWidth: true
-            Layout.alignment: Qt.AlignBottom
-        }
-
-        HButton {
-            id: importButton
-            icon.name: "import-keys"
-            text: qsTr("Import")
-
-            Layout.fillWidth: true
-            Layout.alignment: Qt.AlignBottom
-
-            HFileDialogOpener {
-                id: fileDialog
-                dialog.title: qsTr("Select a decryption key file to import")
-                onFileChanged: {
-                    importPasswordPopup.file = file
-                    importPasswordPopup.open()
-                }
-            }
         }
     }