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

@@ -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;

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',
 	    },
 	],