CODEWITHSUNDEEP
jquery-mobile
Görkem Karadoğan
Görkem Karadoğan

Reputation: 142

css of selects and buttons not same line

https://i.sstatic.net/bbxDC.png

as you can see labels of selects and buttons not same line.

Which css i overload or change ?

Upvotes: 0

Views: 85

Answers (1)

ezanker
ezanker

Reputation: 24738

The icons at left and right of the buttons/selects are causing the center alignment to use a different center. You can solve this with some CSS:

.ui-btn-inner{
    padding-right: 40px;
    padding-left: 40px;
}
.ui-select .ui-btn-icon-right .ui-btn-inner{
    padding-right: 40px;
    padding-left: 40px;   
}

Without the CSS: DEMO

With the CSS: DEMO 2

Depending on the exact elements and icon-positions you are using, you may need some more CSS to equalize padding on each side of the centered text.

Upvotes: 1

Related Questions