Toolbar button padding: cannot set to 0

[Mike6679]

I'm trying to set the padding for the buttons in my toolbar to 0. The css I need to change is:

/* line 209, ../themes/stylesheets/sencha-touch/default/widgets/_buttons.scss */
.x-button.x-button-plain,
.x-toolbar .x-button.x-button-plain {
  background: none;
  border: 0 none;
  -webkit-border-radius: none;
  border-radius: none;
  min-height: 0;
  text-shadow: none;
  line-height: auto;
/*  height: 1.9em; MODIFIED: MC*/
  padding: 0em 0.5em;
}

I know this because if I change it in Chrome debugger it works. However, I'm trying to use the cls

attribute on my toolbar like :

cls:'my-toolbar'
so I have this in my css:

 .
my-toolbar 
.x-button.x-button-plain
 {
     
     padding: 0em 0em; 
     
 }

but it does not work . I've tried a bunch of other combinations as well. How should my css be specified to change the padding to 0?

[jerome76]

Have you tried adding the !important flag with your style?

padding: 0em !important;

[Mike6679]

ah! forgot about that. - thx!