From f5c6a2c956c9fea1289bd1ea78b0b45c6a8303e7 Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Sun, 8 Nov 2020 13:14:55 +0100
Subject: [PATCH] prune sim: slight layout adaptions

add some margin to the calendar table, to not make it seem glued to
the left and top, this follow what ExtJS does in general.

Further, adapt layout flex so that docs has 2/5 and calendar has 3/5
of space on small screens (e.g., 720p), makes it look much better
there.

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 docs/prune-simulator/index.html         | 3 +++
 docs/prune-simulator/prune-simulator.js | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/docs/prune-simulator/index.html b/docs/prune-simulator/index.html
index b4ea5370..5d298ea6 100644
--- a/docs/prune-simulator/index.html
+++ b/docs/prune-simulator/index.html
@@ -7,6 +7,9 @@
 
     <link rel="stylesheet" type="text/css" href="extjs/theme-crisp/resources/theme-crisp-all.css">
     <style>
+        .cal {
+            margin: 5px;
+        }
         .cal-day {
             vertical-align: top;
             width: 150px;
diff --git a/docs/prune-simulator/prune-simulator.js b/docs/prune-simulator/prune-simulator.js
index d4fb41d4..c2076dcf 100644
--- a/docs/prune-simulator/prune-simulator.js
+++ b/docs/prune-simulator/prune-simulator.js
@@ -757,14 +757,14 @@ Ext.onReady(function() {
 		    align: 'stretch',
 		    pack: 'start',
 		},
-		flex: 2,
-		maxWidth: 1100,
+		flex: 3,
+		maxWidth: 1090,
 	    },
 	    {
 		xtype: 'prunesimulatorDocumentation',
 		title: 'Usage',
 		border: false,
-		flex: 1,
+		flex: 2,
 		region: 'center',
 	    },
 	],