APTRepositories: change separation style between panels

having double borders does not look so nice, separate them with a bit
of padding

also change the warning panel to a simple header

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/src/node/APTRepositories.js b/src/node/APTRepositories.js
index 59f5d924b9bb5c48d16b1531e003c3cfaa4c4468..bddcb314216ed6889d5c79aaf83d2580258aaccc 100644 (file)
--- a/src/node/APTRepositories.js
+++ b/src/node/APTRepositories.js
@@ -110,6 +110,8 @@ Ext.define('Proxmox.node.APTRepositoriesErrors', {
 
     store: {},
 
+    border: false,
+
     viewConfig: {
        stripeRows: false,
        getRowClass: () => 'proxmox-invalid-row',
@@ -138,6 +140,8 @@ Ext.define('Proxmox.node.APTRepositoriesGrid', {
 
     cls: 'proxmox-apt-repos', // to allow applying styling to general components with local effect
 
+    border: false,
+
     tbar: [
        {
            text: gettext('Reload'),
@@ -466,18 +470,25 @@ Ext.define('Proxmox.node.APTRepositories', {
 
     items: [
        {
-           title: gettext('Warning'),
-           name: 'repositoriesMainWarning',
-           xtype: 'panel',
+           xtype: 'header',
+           baseCls: 'x-panel-header',
            bind: {
+               hidden: '{!mainWarning}',
                title: '{mainWarning}',
+           },
+       },
+       {
+           xtype: 'box',
+           bind: {
                hidden: '{!mainWarning}',
            },
+           height: 5,
        },
        {
            xtype: 'proxmoxNodeAPTRepositoriesErrors',
            name: 'repositoriesErrors',
            hidden: true,
+           padding: '0 0 5 0',
            bind: {
                hidden: '{noErrors}',
            },