Используйте разные размеры в мобильном проекте JQuery, data-icon

Я хочу сделать это: http://prntscr.com/1zk1wt, но каждая кнопка в приложении использует стиль .ui-icon по умолчанию

.ui-icon {
    width: 18px;
    height: 18px;
}  

Когда я пытаюсь использовать это (чтобы сделать "оставить", "дополнительные" и "перезагрузить" кнопки больше), обратите внимание:.menu_header содержит стиль.ui-icon и этот
note переопределяет значение по умолчанию.ui-icon:

.menu_header .ui-icon {
    width: 36px;
    height: 36px;
}

но не влияет на всю кнопку, и я беру это http://prntscr.com/1zk2j7. Как видите, текст помещается в блок 18x18px. ((Html-код для инициализации кнопок:

<a data-role="button" data-icon="out" data-iconpos="top" data-inline="true" data-      mini="true"id="winner_screen_leave_game_button" class="ui-btn-left custom_icon_button" style="color: #4d4d4d;">Leave Game</a>

Как разместить текст под изображением кнопки?