how to customize toggle size to show long labels

[ciccio]

i would like to use a toggle components with Label On Text = "A/R" and Label Off Text = "Solo Andata"

when i was in the old app builder version (jquery mobile 1.2.0) i used
code
.ui-btn-down-d{
border: 0px solid #aaa !important;

color:grey !important;
text-shadow: 0 0px 0 #fff !important;

background-image: -moz-linear-gradient( #e5e5e5 , #f2f2f2 )!important;
background-image: -ms-linear-gradient( #e5e5e5 , #f2f2f2 )!important;
background-image: -o-linear-gradient( #e5e5e5 , #f2f2f2 )!important;
}
.ui-btn-active {
color:grey !important;
text-shadow: 0 0px 0 #fff !important;
background-image: -webkit-gradient(linear,left top,left bottom,from( #e5e5e5 ),to( #f2f2f2 ));
background-image: -webkit-linear-gradient( #e5e5e5,#f2f2f2 );
background-image: -moz-linear-gradient( #e5e5e5,#f2f2f2 );
background-image: -ms-linear-gradient( #e5e5e5,#f2f2f2 );
background-image: -o-linear-gradient( #e5e5e5,#f2f2f2 );
background-image: linear-gradient( #e5e5e5,#f2f2f2 )
}
.ui-flipswitch {
width: 9em !important;

/code

and it was working but now with the jquery mobile 1.4.4 it doesn't work anymore

how can i solve my problem?

[Egor Kotov6832188]

Hello,

Unfortunately, your css style only changing layout, not the actual value of label On/Off
To change On Text = "A/R" and Label Off Text = "Solo Andata" you need to click on your toggle component and change next properties as you would like
http://gyazo.com/46732a3ef1a1d6c781c8...