use one/two column layout depending on browser width
and optimize some stylings
Signed-off-by: Dominik Csapak <d.csa...@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
_______________________________________________
pve-devel mailing list
pve-devel@pve.proxmox.com
https://pve.proxmox.com/cgi-bin/mailman/listinfo/pve-devel
