ui: tfa: move randomize button right of secret field

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/manager6/dc/TFAEdit.js b/www/manager6/dc/TFAEdit.js
index 1e8ce8dbc385b19b8eb1429c9f458ed33eaeaeb0..6dc7878f587e7205c44b2d601d1ed4836355006f 100644 (file)
--- a/www/manager6/dc/TFAEdit.js
+++ b/www/manager6/dc/TFAEdit.js
@@ -297,15 +297,27 @@ Ext.define('PVE.window.TFAEdit', {
                            },
                            items: [
                                {
-                                   xtype: 'textfield',
-                                   fieldLabel: gettext('Secret'),
-                                   name: 'secret',
-                                   reference: 'tfa-secret',
-                                   validateValue: function(value) {
-                                       return value.match(/^[A-Z2-7=]$/);
+                                   layout: 'hbox',
+                                   border: false,
+                                   padding: '5 0',
+                                   items: [{
+                                       xtype: 'textfield',
+                                       fieldLabel: gettext('Secret'),
+                                       name: 'secret',
+                                       reference: 'tfa_secret',
+                                       validateValue: function(value) {
+                                           return value.match(/^[A-Z2-7=]$/);
+                                       },
+                                       qrupdate: true,
+                                       flex: 4
                                    },
-                                   qrupdate: true,
-                                   padding: '5 5',
+                                   {
+                                       xtype: 'button',
+                                       text: gettext('Randomize'),
+                                       reference: 'randomize_button',
+                                       handler: 'randomizeSecret',
+                                       flex: 1
+                                   }]
                                },
                                {
                                    xtype: 'numberfield',
@@ -399,15 +411,6 @@ Ext.define('PVE.window.TFAEdit', {
     ],
 
     buttons: [
-       {
-           text: gettext('Randomize'),
-           reference: 'randomize-button',
-           handler: 'randomizeSecret',
-           bind: {
-               hidden: '{!in_totp_tab}',
-               disabled: '{!user_tfa}'
-           }
-       },
        {
            text: gettext('Apply'),
            handler: 'applySettings',