Clear button x is not centered.

ttskch / select2-bootstrap4-theme

Select2 v4 theme for Bootstrap4

MIT License

434 stars 207 forks source link

Clear button x is not centered. #6

Closed VictorioBerra closed 5 years ago

VictorioBerra commented 5 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

lianee commented 4 years ago

This improves a bit:

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

select2-close

VictorioBerra commented 4 years ago

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