Custom list item

Hi guys,

i tried to custom my list with override CSS of cupertino but the list does not change the layout.

This my code:

Code:

Ext.define("appname.view.MainLegenda", {    extend: "Ext.Container",
    alias: "widget.mainlegenda",
    xtype: 'legendaview',
    config: {
        items:[{
            xtype: "toolbar",
            docked: "top",
            id: 'toolbarTop',
            cls: 'my-top-toolbar',
            layout: {
                type: 'hbox',
                pack: 'center'
            },
            items: [
            {
                xtype: 'label',
                cls: 'my-label',
                html: 'test'
            }]
        },
        {
            cls: 'legendalist',
            xtype: 'list',
            store: 'LegendaStore',
            disableSelection: true,
            itemTpl: ['<div class=\"dataTables_wrapper\"><div class=\"sub-left\">{desc}</div><div><span class=\"event {event}\"></span>'],
            listeners: {
                select: function() {
                    return false;
                }
            }
        }]
    }
});

And in the css:

Code:

.legendalist .x-list-item {
min-height: 40px !important;
}

Any idea?

Thanks