CSS style PC/Smartphone

[binomio]

On PC: the right style with my own CSS

On Smartphone: the default sencha design. it ignors my own css styles. why? how can i fix it?

btw: the handler doesen't work too.

xtype: 'button',
                    name : 'umrechnen',
                                    
                    width:'60px',
                    icon: 'img/refresh2.png',
                    iconCls:'btn_umrechnen_icon',
                    cls:'btn_umrechnen',
                    handler:tapHandler

var tapHandler = function (button,event) {
                    
alert("bam!")            
            }

.btn_umrechnen_icon{
    width:60px !important;
    height:60px !important;
}
.btn_umrechnen{
    background-color:#80BA24 !important;
    padding:0 !important;
}

.x-button-pressed{
    background-color:#71A220 !important;
}

[AndreaCammarata]

Hi.
In your button definition, you don't have to set a string but just a number

...
width: 60
...

The handler doesn't work because its probably out of scope.
You should provide more info about your code to help us to understand what you are doing wrong.

However, to customize your application theme I suggest you to do that using SASS.
There are several post / articles / videos that explain how to do that in the best way.

Hope this helps.