ui: window/AddTfaRecovery: fix style of TfaRecoveryShow window

to have a more similar layout/spacing to our other windows

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/www/window/AddTfaRecovery.js b/www/window/AddTfaRecovery.js
index a260c0caa1f966ae85d90f6de19435ebfab639c7..1b63031ffa9cdad41a75448370425bdb06ab4da6 100644 (file)
--- a/www/window/AddTfaRecovery.js
+++ b/www/window/AddTfaRecovery.js
@@ -131,15 +131,13 @@ Ext.define('PBS.window.TfaRecoveryShow', {
 
     items: [
        {
-           xtype: 'container',
-           layout: 'form',
+           xtype: 'form',
+           layout: 'anchor',
            bodyPadding: 10,
            border: false,
            fieldDefaults: {
-               labelWidth: 100,
                anchor: '100%',
             },
-           padding: '0 10 10 10',
            items: [
                {
                    xtype: 'textarea',
@@ -153,15 +151,15 @@ Ext.define('PBS.window.TfaRecoveryShow', {
                    },
                    height: '160px',
                },
+               {
+                   xtype: 'displayfield',
+                   border: false,
+                   padding: '5 0 0 0',
+                   userCls: 'pmx-hint',
+                   value: gettext('Please record recovery keys - they will only be displayed now'),
+               },
            ],
        },
-       {
-           xtype: 'component',
-           border: false,
-           padding: '10 10 10 10',
-           userCls: 'pmx-hint',
-           html: gettext('Please record recovery keys - they will only be displayed now'),
-       },
     ],
     buttons: [
        {