Spacing between icons in actioncolumn

[serverfreak1982]

Hi @all,

I introduced the new actioncolumn to my code and it works fine.
However, I would like to have a (bigger) gap between the icons.

Is there anyway to do this?

Regards
Patrick

               {
                    xtype: 'actioncolumn',
                    header: 'Aktion',
                    menuDisabled: true,
                    width: 25,
                    items: [{
                        icon   : 'images/icons/email_edit.png',
                        tooltip: 'Mailbox bearbeiten',
                        handler: function(grid, rowIndex, colIndex) {
                            var record = grid.getStore().getAt(rowIndex);
                            var name = record.get('name');
                            showInfoMessage(name);
                        }
                    },
                    {
                        icon   : 'images/icons/email_delete.png',
                        tooltip: 'Mailbox löschen',
                        handler: function(grid, rowIndex, colIndex) {
                            var record = grid.getStore().getAt(rowIndex);
                            var name = record.get('name');
                            showInfoMessage(name);
                        }
                    }]
                }

[darthwes]

add getClass definition and define margins for your icons?

[serverfreak1982]

add getClass definition and define margins for your icons?

But how?
Don´t know how to use this function

[Condor]

Something like:

.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}

[serverfreak1982]

Thanks a lot.
So easy. I always think too complicated.

[miqdadalik]

How to use getClass ?

[darthwes]

How to read the api docs?