Не сыпящийся controlgroup на jquery mobile
 

https://jsfiddle.net/r1p4mb5p/
При уменьшении ширины кнопка в конце падает на следующую строку, а мне так этого не хочеться)
Суть такова что я сделал дизайн который падает по полкам (т. е. ui-grid ui-responsive), внутри controgroup как только я уменьшаю ширину сперва падает controlgroup а потом уже срабатывает responsive. Мне нужно чтоб controlgroup был единым элементом и не сыпался по строчкам а был единым целым... Перепробывал всякие css ему правила переписать пока не получаеться

как вариант.
https://jsfiddle.net/r1p4mb5p/5/

если не подходит^, то поиграть со стилями под разные разрешения экранов через @media screen{.~styles~.}

Вот только кнопка правая у меня имеет иконку и на каждом планшете нужно чтоб она заполнена была по контенту, а так отличное решение+