[pbs-devel] [PATCH proxmox-backup 4/6] ui: window/AddTfaRecovery: fix style of TfaRecoveryShow window

[Dominik Csapak]

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

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 www/window/AddTfaRecovery.js | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/www/window/AddTfaRecovery.js b/www/window/AddTfaRecovery.js
index a260c0ca..1b63031f 100644
--- 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: [
 	{
-- 
2.20.1