ui: eslint: fix various spacing related issues

[pve-manager.git] / www / manager6 / dc / Guests.js

diff --git a/www/manager6/dc/Guests.js b/www/manager6/dc/Guests.js
index c0b8023e80a2c444b98b02f1d5b892bb30f22ba7..c1d2d8215153846a2d30207a4126f3a9547bf9cf 100644 (file)
--- a/www/manager6/dc/Guests.js
+++ b/www/manager6/dc/Guests.js
@@ -4,17 +4,25 @@ Ext.define('PVE.dc.Guests', {
 
 
     title: gettext('Guests'),
-    height: 200,
-    layout: 'column',
+    height: 250,
+    layout: {
+       type: 'table',
+       columns: 2,
+       tableAttrs: {
+           style: {
+               width: '100%',
+           },
+       },
+    },
     bodyPadding: '0 20 20 20',
 
     defaults: {
-       columnWidth: 0.5,
        xtype: 'box',
        padding: '0 50 0 50',
        style: {
-           'text-align':'center'
-       }
+           'text-align': 'center',
+           'line-height': '1.2',
+       },
     },
     items: [{
        itemId: 'qemu',
@@ -22,7 +30,7 @@ Ext.define('PVE.dc.Guests', {
            running: 0,
            paused: 0,
            stopped: 0,
-           template: 0
+           template: 0,
        },
        tpl: [
            '<h3>' + gettext("Virtual Machines") + '</h3>',
@@ -49,15 +57,15 @@ Ext.define('PVE.dc.Guests', {
                    gettext('Templates'),
                '</div>',
                '<div class="right-aligned">{template}</div>',
-           '</tpl>'
-       ]
-    },{
+           '</tpl>',
+       ],
+    }, {
        itemId: 'lxc',
        data: {
            running: 0,
            paused: 0,
            stopped: 0,
-           template: 0
+           template: 0,
        },
        tpl: [
            '<h3>' + gettext("LXC Container") + '</h3>',
@@ -84,12 +92,13 @@ Ext.define('PVE.dc.Guests', {
                    gettext('Templates'),
                '</div>',
                '<div class="right-aligned">{template}</div>',
-           '</tpl>'
-       ]
-    },{
+           '</tpl>',
+       ],
+    }, {
        itemId: 'error',
+       colspan: 2,
        data: {
-           num: 0
+           num: 0,
        },
        columnWidth: 1,
        padding: '10 250 0 250',
@@ -100,14 +109,14 @@ Ext.define('PVE.dc.Guests', {
                    gettext('Error'),
                '</div>',
                '<div class="right-aligned">{num}</div>',
-           '</tpl>'
-       ]
+           '</tpl>',
+       ],
     }],
 
     updateValues: function(qemu, lxc, error) {
        var me = this;
        me.getComponent('qemu').update(qemu);
        me.getComponent('lxc').update(lxc);
-       me.getComponent('error').update({num: error});
-    }
+       me.getComponent('error').update({ num: error });
+    },
 });