Hi. My list items are basically tables. But they don't take the whole space in list item.
bad.JPG

I tried to do the following.
Defined the following CSS

.x-categories .x-list-item-label {
padding: 0 0.65em 0 0.65em !important; /* top right bottom left*/
}

and put the following cls into list definition

Code:
config: 
    {  
        cls: 'x-categories',
        itemTpl: '<table border="1" width="100%"  height="100%"><tr>{STATUS}{VISIT_DATE}{SUBMIT_DATE}{COMMENTS}{DELETE_IMG}</tr></table>',
        store: null,
        items:
        [
          {  
            xtype:'toolbar',                                     
            docked:'top',
            baseCls:"accountsCallsToolbar",
            html: '<table border="1" width="100%"  height="100%"><tr><td width="1.5%"><span></span></td><td width="25%" align="left" valign="middle"><span>  '+allLanguages[language]["Status"]+'</span></td><td width="25%"  align="left" valign="middle"><span >'+allLanguages[language]["VisitDate"]+'</span></td><td  width="25%"  align="left" valign="middle"><span>'+allLanguages[language]["SubmitDate"]+'</span></td><td  width="25%"  align="left" valign="middle"><span>'+allLanguages[language]["comments"]+'</span></td><td width="5%"><span></span></td></tr></table>'
            
          }
        ]
            
    }
but it didn't help. Can someone assist?