search

ttskch / select2-bootstrap4-theme

Select2 v4 theme for Bootstrap4
MIT License
436 stars 203 forks source link

Clear button x is not centered. #6

Closed VictorioBerra closed 5 years ago

VictorioBerra commented 6 years ago 
/* Fix for select2-bootstrap4-theme clear buttons on dropdowns */
.select2-container--bootstrap4 .select2-selection__clear {
    line-height: .95em;
    padding-left: 0.26em;
}
ttskch commented 5 years ago

It's maybe a browser-dependent issue. On Google Chrome, before & after is following. Sorry but I don't tweak style this time :pray:

Before After
image image
lianee commented 5 years ago

This improves a bit:

.select2-container--bootstrap4 .select2-selection__clear {
    padding: 0;
    text-align: center;
}

select2-close

VictorioBerra commented 5 years ago

I see no change with your code @lianee. Did you try mine? I am on Chrome latest stable.