spam-info-grid: style the spam info grid via css variables

[pmg-gui.git] / js / Certificates.js

diff --git a/js/Certificates.js b/js/Certificates.js
index a2c25a5b651f49b84b4104dc08523b874ab77117..84ce8629bb5d414d6a726a50ada97b4d39283b27 100644 (file)
--- a/js/Certificates.js
+++ b/js/Certificates.js
@@ -4,26 +4,31 @@ Ext.define('PMG.CertificateConfiguration', {
 
     title: gettext('Certificates'),
 
+    ...PMG.Utils.onlineHelpTool('sysadmin_certificate_management'),
+
     border: false,
     defaults: { border: false },
 
     items: [
        {
-           itemId: 'certificates',
            xtype: 'pmgCertificatesView',
+           itemId: 'certificates',
+           iconCls: 'fa fa-certificate',
        },
        {
-           itemId: 'acme',
            xtype: 'pmgACMEConfigView',
+           itemId: 'acme',
+           iconCls: 'fa fa-file-text',
        },
     ],
 });
 
 Ext.define('PMG.CertificateView', {
-    extend: 'Ext.container.Container',
+    extend: 'Ext.panel.Panel',
     alias: 'widget.pmgCertificatesView',
 
     title: gettext('Certificates'),
+    scrollable: 'y',
 
     items: [
        {
@@ -73,21 +78,21 @@ Ext.define('PMG.ACMEConfigView', {
     extend: 'Ext.panel.Panel',
     alias: 'widget.pmgACMEConfigView',
 
-    title: gettext('ACME Accounts'),
+    title: gettext('ACME Accounts/Challenges'),
 
     //onlineHelp: 'sysadmin_certificate_management',
 
     items: [
        {
+           xtype: 'pmxACMEAccounts',
            region: 'north',
            border: false,
-           xtype: 'pmxACMEAccounts',
            acmeUrl: '/config/acme',
        },
        {
+           xtype: 'pmxACMEPluginView',
            region: 'center',
            border: false,
-           xtype: 'pmxACMEPluginView',
            acmeUrl: '/config/acme',
        },
     ],