From: Dominik Csapak <d.csapak@proxmox.com>
Date: Wed, 13 Jan 2021 11:06:52 +0000 (+0100)
Subject: ui: window/AddTfaRecovery: fix style of TfaRecoveryShow window
X-Git-Tag: v1.0.7~259
X-Git-Url: https://git.proxmox.com/?a=commitdiff_plain;h=a442bd9792bc743152dfd8f4dca8aed2b1a2ae2b;p=proxmox-backup.git

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 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: [
 	{