addyosmani/jquery-ui-bootstrap — Issue #57: Positioning for jquery-ui button icons
Author: SystemParadox
Created: 2012-02-03 15:35:33+00:00
State: open

Hi. I'm in the process of switching over an existing jquery-ui app. I found that jquery-ui-bootstrap doesn't position button icons correctly. Some of the components used can't easily be changed to do it 'the bootstrap way', so I came up with the following CSS to position them correctly. Maybe this could be included in jquery-ui-bootstrap? This shouldn't break buttons done 'the bootstrap way' due to the use of the 'ui-button-text-icon-primary' class.

```css
.ui-button-text-icon-primary {
position: relative;
}
.ui-button-text-icon-primary .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
```