From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <dietmar@proxmox.com>
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 71314665B7
 for <pbs-devel@lists.proxmox.com>; Fri,  6 Nov 2020 12:14:09 +0100 (CET)
Received: from firstgate.proxmox.com (localhost [127.0.0.1])
 by firstgate.proxmox.com (Proxmox) with ESMTP id 5F01020838
 for <pbs-devel@lists.proxmox.com>; Fri,  6 Nov 2020 12:13:39 +0100 (CET)
Received: from elsa.proxmox.com (212-186-127-178.static.upcbusiness.at
 [212.186.127.178])
 by firstgate.proxmox.com (Proxmox) with ESMTP id C786E2082C
 for <pbs-devel@lists.proxmox.com>; Fri,  6 Nov 2020 12:13:38 +0100 (CET)
Received: by elsa.proxmox.com (Postfix, from userid 0)
 id A8948AE98CA; Fri,  6 Nov 2020 12:13:38 +0100 (CET)
From: Dietmar Maurer <dietmar@proxmox.com>
To: pbs-devel@lists.proxmox.com
Date: Fri,  6 Nov 2020 12:13:34 +0100
Message-Id: <20201106111334.13615-1-dietmar@proxmox.com>
X-Mailer: git-send-email 2.20.1
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
X-SPAM-LEVEL: Spam detection results:  0
 AWL -1.042 Adjusted score from AWL reputation of From: address
 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: [pbs-devel] [PATCH proxmox-backup] ui: improve prune simulator
 layout
X-BeenThere: pbs-devel@lists.proxmox.com
X-Mailman-Version: 2.1.29
Precedence: list
List-Id: Proxmox Backup Server development discussion
 <pbs-devel.lists.proxmox.com>
List-Unsubscribe: <https://lists.proxmox.com/cgi-bin/mailman/options/pbs-devel>, 
 <mailto:pbs-devel-request@lists.proxmox.com?subject=unsubscribe>
List-Archive: <http://lists.proxmox.com/pipermail/pbs-devel/>
List-Post: <mailto:pbs-devel@lists.proxmox.com>
List-Help: <mailto:pbs-devel-request@lists.proxmox.com?subject=help>
List-Subscribe: <https://lists.proxmox.com/cgi-bin/mailman/listinfo/pbs-devel>, 
 <mailto:pbs-devel-request@lists.proxmox.com?subject=subscribe>
X-List-Received-Date: Fri, 06 Nov 2020 11:14:09 -0000

---
 docs/prune-simulator/prune-simulator.js | 36 +++++++++++++++----------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/docs/prune-simulator/prune-simulator.js b/docs/prune-simulator/prune-simulator.js
index 505eb852..70c1f10b 100644
--- a/docs/prune-simulator/prune-simulator.js
+++ b/docs/prune-simulator/prune-simulator.js
@@ -31,7 +31,7 @@ Ext.onReady(function() {
 	extend: 'Ext.Panel',
 	alias: 'widget.prunesimulatorDocumentation',
 
-	html: '<iframe style="width:100%;height:100%" src="./documentation.html"/>',
+	html: '<iframe style="width:100%;height:100%;border:0px;" src="./documentation.html"/>',
     });
 
     Ext.define('PBS.prunesimulator.CalendarEvent', {
@@ -126,6 +126,7 @@ Ext.onReady(function() {
 		{
 		    xtype: 'grid',
 		    store: me.store,
+		    border: false,
 		    columns: [
 			{
 			    header: 'Backup Time',
@@ -532,7 +533,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 4,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -542,7 +542,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -552,7 +551,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 5,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -562,7 +560,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 2,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -572,7 +569,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	    {
 		xtype: 'numberfield',
@@ -582,7 +578,6 @@ Ext.onReady(function() {
 		minValue: 0,
 		value: 0,
 		fieldGroup: 'keep',
-		padding: '0 0 0 10',
 	    },
 	],
 
@@ -635,16 +630,20 @@ Ext.onReady(function() {
 	    me.items = [
 		{
 		    xtype: 'panel',
-		    layout: 'hbox',
-		    height: 180,
+		    layout: {
+			type: 'hbox',
+			align: 'stretch',
+		    },
+		    border: false,
 		    items: [
 			{
 			    title: 'View',
 			    layout: 'anchor',
 			    flex: 1,
+			    border: false,
+			    bodyPadding: 10,
 			    items: [
 				{
-				    padding: '0 0 0 10',
 				    xtype: 'checkbox',
 				    name: 'showCalendar',
 				    reference: 'showCalendar',
@@ -652,7 +651,6 @@ Ext.onReady(function() {
 				    checked: false,
 				},
 				{
-				    padding: '0 0 0 10',
 				    xtype: 'checkbox',
 				    name: 'showColors',
 				    reference: 'showColors',
@@ -680,32 +678,42 @@ Ext.onReady(function() {
 				},
 			    ],
 			},
+			{ xtype: "panel", width: 1, border: 1 },
 			{
 			    layout: 'anchor',
 			    flex: 1,
+			    border: false,
 			    title: 'Backup Schedule',
+			    bodyPadding: 10,
 			    items: scheduleItems,
 			},
 		    ],
 		},
 		{
 		    xtype: 'panel',
-		    layout: 'hbox',
+		    layout: {
+			type: 'hbox',
+			align: 'stretch',
+		    },
 		    flex: 1,
+		    border: false,
 		    items: [
 			{
 			    layout: 'anchor',
 			    title: 'Prune Options',
+			    border: false,
+			    bodyPadding: 10,
 			    items: me.keepItems,
 			    flex: 1,
 			},
+			{ xtype: "panel", width: 1, border: 1 },
 			{
 			    layout: 'fit',
 			    title: 'Backups',
+			    border: false,
 			    xtype: 'prunesimulatorPruneList',
 			    store: me.pruneStore,
 			    reference: 'pruneList',
-			    height: '100%',
 			    flex: 1,
 			},
 		    ],
@@ -746,7 +754,7 @@ Ext.onReady(function() {
 	    {
 		xtype: 'prunesimulatorDocumentation',
 		title: 'Usage',
-		margins: '5 0 0 0',
+		border: false,
 		region: 'center',
 	    },
 	],
-- 
2.20.1