[pve-devel] [PATCH manager v2 5/8] let the storage summary use the full browser width

[Dominik Csapak]

use one/two column layout depending on browser width
and optimize some stylings

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 www/manager6/storage/StatusView.js |  8 ++++++--
 www/manager6/storage/Summary.js    | 13 ++++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/www/manager6/storage/StatusView.js b/www/manager6/storage/StatusView.js
index 94e807a8..8fcc789d 100644
--- a/www/manager6/storage/StatusView.js
+++ b/www/manager6/storage/StatusView.js
@@ -5,10 +5,14 @@ Ext.define('PVE.storage.StatusView', {
     height: 230,
     title: gettext('Status'),
 
+    layout: {
+	type: 'vbox',
+	align: 'stretch'
+    },
+
     defaults: {
 	xtype: 'pveInfoWidget',
-	padding: '0 30 5 30',
-	width: 770
+	padding: '0 30 5 30'
     },
     items: [
 	{
diff --git a/www/manager6/storage/Summary.js b/www/manager6/storage/Summary.js
index 4d3d1327..4abde547 100644
--- a/www/manager6/storage/Summary.js
+++ b/www/manager6/storage/Summary.js
@@ -2,17 +2,20 @@ Ext.define('PVE.storage.Summary', {
     extend: 'Ext.panel.Panel',
     alias: 'widget.pveStorageSummary',
     scrollable: true,
-    bodyPadding: 10,
-    defaults: {
-	style: {'padding-top':'10px'},
-	width: 770
-    },
+    bodyPadding: 5,
     tbar: [
 	'->',
 	{
 	    xtype: 'proxmoxRRDTypeSelector'
 	}
     ],
+    layout: {
+	type: 'column'
+    },
+    defaults: {
+	padding: 5,
+	columnWidth: 1
+    },
     initComponent: function() {
         var me = this;
 
-- 
2.11.0