From mboxrd@z Thu Jan 1 00:00:00 1970 Return-Path: Received: from firstgate.proxmox.com (firstgate.proxmox.com [212.224.123.68]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by lists.proxmox.com (Postfix) with ESMTPS id 73CC46797C for ; Wed, 13 Jan 2021 12:06:57 +0100 (CET) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id 6F111101FF for ; Wed, 13 Jan 2021 12:06:57 +0100 (CET) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [212.186.127.180]) (using TLSv1.3 with cipher TLS_AES_256_GCM_SHA384 (256/256 bits) key-exchange X25519 server-signature RSA-PSS (2048 bits)) (No client certificate requested) by firstgate.proxmox.com (Proxmox) with ESMTPS id BF2CA101C2 for ; Wed, 13 Jan 2021 12:06:55 +0100 (CET) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id 8C65445694 for ; Wed, 13 Jan 2021 12:06:55 +0100 (CET) From: Dominik Csapak To: pbs-devel@lists.proxmox.com Date: Wed, 13 Jan 2021 12:06:53 +0100 Message-Id: <20210113110654.17425-6-d.csapak@proxmox.com> X-Mailer: git-send-email 2.20.1 In-Reply-To: <20210113110654.17425-1-d.csapak@proxmox.com> References: <20210113110654.17425-1-d.csapak@proxmox.com> MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.270 Adjusted score from AWL reputation of From: address KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment RCVD_IN_DNSWL_MED -2.3 Sender listed at https://www.dnswl.org/, medium trust SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pbs-devel] [PATCH proxmox-backup 5/6] ui: window/AddTotp: fix spacing styling of form fields X-BeenThere: pbs-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox Backup Server development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Wed, 13 Jan 2021 11:06:57 -0000 by moving the lower fields into the form itself and dropping the padding Signed-off-by: Dominik Csapak --- www/window/AddTotp.js | 81 +++++++++++++++++++++---------------------- 1 file changed, 39 insertions(+), 42 deletions(-) diff --git a/www/window/AddTotp.js b/www/window/AddTotp.js index 40417340..414147e7 100644 --- a/www/window/AddTotp.js +++ b/www/window/AddTotp.js @@ -125,7 +125,6 @@ Ext.define('PBS.window.AddTotp', { reference: 'totp_form', fieldDefaults: { anchor: '100%', - padding: '0 5', }, items: [ { @@ -205,49 +204,47 @@ Ext.define('PBS.window.AddTotp', { value: `Proxmox Backup Server - ${Proxmox.NodeName}`, qrupdate: true, }, + { + xtype: 'box', + itemId: 'qrbox', + visible: false, // will be enabled when generating a qr code + bind: { + visible: '{!secretEmpty}', + }, + style: { + 'background-color': 'white', + 'margin-left': 'auto', + 'margin-right': 'auto', + padding: '5px', + width: '266px', + height: '266px', + }, + }, + { + xtype: 'textfield', + fieldLabel: gettext('Verification Code'), + allowBlank: false, + reference: 'challenge', + name: 'challenge', + bind: { + disabled: '{!showTOTPVerifiction}', + visible: '{showTOTPVerifiction}', + }, + emptyText: gettext('Scan QR code and enter TOTP auth. code to verify'), + }, + { + xtype: 'textfield', + inputType: 'password', + fieldLabel: gettext('Password'), + minLength: 5, + reference: 'password', + name: 'password', + allowBlank: false, + validateBlank: true, + emptyText: gettext('verify current password'), + }, ], }, - { - xtype: 'box', - itemId: 'qrbox', - visible: false, // will be enabled when generating a qr code - bind: { - visible: '{!secretEmpty}', - }, - style: { - 'background-color': 'white', - 'margin-left': 'auto', - 'margin-right': 'auto', - padding: '5px', - width: '266px', - height: '266px', - }, - }, - { - xtype: 'textfield', - fieldLabel: gettext('Verification Code'), - allowBlank: false, - reference: 'challenge', - name: 'challenge', - bind: { - disabled: '{!showTOTPVerifiction}', - visible: '{showTOTPVerifiction}', - }, - padding: '0 5', - emptyText: gettext('Scan QR code and enter TOTP auth. code to verify'), - }, - { - xtype: 'textfield', - inputType: 'password', - fieldLabel: gettext('Password'), - minLength: 5, - reference: 'password', - name: 'password', - allowBlank: false, - validateBlank: true, - padding: '0 0 5 5', - emptyText: gettext('verify current password'), - }, ], initComponent: function() { -- 2.20.1