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 AA8AB730CE for ; Mon, 5 Jul 2021 12:58:43 +0200 (CEST) Received: from firstgate.proxmox.com (localhost [127.0.0.1]) by firstgate.proxmox.com (Proxmox) with ESMTP id A7FD21DD52 for ; Mon, 5 Jul 2021 12:58:43 +0200 (CEST) Received: from proxmox-new.maurer-it.com (proxmox-new.maurer-it.com [94.136.29.106]) (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 0A6D61DD48 for ; Mon, 5 Jul 2021 12:58:43 +0200 (CEST) Received: from proxmox-new.maurer-it.com (localhost.localdomain [127.0.0.1]) by proxmox-new.maurer-it.com (Proxmox) with ESMTP id D51CF40471 for ; Mon, 5 Jul 2021 12:58:42 +0200 (CEST) From: Thomas Lamprecht To: pve-devel@lists.proxmox.com Date: Mon, 5 Jul 2021 12:58:34 +0200 Message-Id: <20210705105835.2546065-1-t.lamprecht@proxmox.com> X-Mailer: git-send-email 2.30.2 MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-SPAM-LEVEL: Spam detection results: 0 AWL 0.521 Adjusted score from AWL reputation of From: address BAYES_00 -1.9 Bayes spam probability is 0 to 1% KAM_DMARC_STATUS 0.01 Test Rule for DKIM or SPF Failure with Strict Alignment SPF_HELO_NONE 0.001 SPF: HELO does not publish an SPF Record SPF_PASS -0.001 SPF: sender matches SPF record Subject: [pve-devel] applied: [PATCH 1/2] ui: dc/guests: avoid using
for layouting X-BeenThere: pve-devel@lists.proxmox.com X-Mailman-Version: 2.1.29 Precedence: list List-Id: Proxmox VE development discussion List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , X-List-Received-Date: Mon, 05 Jul 2021 10:58:43 -0000 use a flex box with centered columns instead, that needs adding a div per row, but that's IMO actually making it more clear what a row is anyway. Signed-off-by: Thomas Lamprecht --- best viewed with -w www/manager6/dc/Guests.js | 82 ++++++++++++++++++++++++--------------- 1 file changed, 50 insertions(+), 32 deletions(-) diff --git a/www/manager6/dc/Guests.js b/www/manager6/dc/Guests.js index df233b6d..c17843e1 100644 --- a/www/manager6/dc/Guests.js +++ b/www/manager6/dc/Guests.js @@ -32,31 +32,40 @@ Ext.define('PVE.dc.Guests', { stopped: 0, template: 0, }, + cls: 'centered-flex-column', tpl: [ '

' + gettext("Virtual Machines") + '

', - '
', - ' ', - gettext('Running'), + '
', + '
', + ' ', + gettext('Running'), + '
', + '
{running}
', '
', - '
{running}

', '', - '
', - ' ', - gettext('Paused'), + '
', + '
', + ' ', + gettext('Paused'), + '
', + '
{paused}
', '
', - '
{paused}

', '', - '
', - ' ', - gettext('Stopped'), + '
', + '
', + ' ', + gettext('Stopped'), + '
', + '
{stopped}
', '
', - '
{stopped}

', '', - '
', - ' ', - gettext('Templates'), + '
', + '
', + ' ', + gettext('Templates'), + '
', + '
{template}
', '
', - '
{template}
', '', ], }, @@ -68,31 +77,40 @@ Ext.define('PVE.dc.Guests', { stopped: 0, template: 0, }, + cls: 'centered-flex-column', tpl: [ '

' + gettext("LXC Container") + '

', - '
', - ' ', - gettext('Running'), + '
', + '
', + ' ', + gettext('Running'), + '
', + '
{running}
', '
', - '
{running}

', '', - '
', - ' ', - gettext('Paused'), + '
', + '
', + ' ', + gettext('Paused'), + '
', + '
{paused}
', '
', - '
{paused}

', '', - '
', - ' ', - gettext('Stopped'), + '
', + '
', + ' ', + gettext('Stopped'), + '
', + '
{stopped}
', '
', - '
{stopped}

', '', - '
', - ' ', - gettext('Templates'), + '
', + '
', + ' ', + gettext('Templates'), + '
', + '
{template}
', '
', - '
{template}
', '', ], }, -- 2.30.2