Bootstrap theme: padding not correct in multiple mode

[lydemann]

Bug description:

When using multiple the bootstrap design is off. Watch the plunker to see how it should look and see how it actually looks when using multiple selections

Link to minimally-working plunker that reproduces the issue:

http://plnkr.co/edit/dmHphdL9UK8sBjc2cCwS?p=preview

Version of Angular, UI-Select, and Bootstrap/Select2/Selectize CSS

"angular": "~1.4.0",
"json3": "~3.3.1",
"es5-shim": "~3.0.1",
"bootstrap-sass-official": "~3.1.1",
"bootstrap": "~3.1.1",
"bootstrap-social": "~4.9.1",
"angular-resource": "~1.4.0",
"angular-cookies": "~1.4.0",
"angular-sanitize": "~1.4.0",
"angular-bootstrap": "~1.1.2",
"font-awesome": ">=4.1.0",
"lodash": "~2.4.1",
"angular-socket-io": "~0.7.0",
"angular-ui-router": "~0.2.15",
"angular-validation-match": "~1.5.2",
"angular-toastr": "~1.6.0",
"angular-animate": "~1.4.8",
"angular-datatables": "^0.5.3",
"ui-select": "angular-ui-select#^0.16.1"

[user378230]

design is off

Sorry this isn't a very good description of what the actual problem is. Can you provide more detail? What is wrong? What does not work? Etc. this will make it easier to diagnose the problem.

Thanks for the extra detail and repro, just need more information about what the actual problem is.

[lydemann]

Please look at my plunker and see how the left padding is off (compared to real bootstrap input). Look at a real bootstrap form-control and how the text padding is not the same when using multiple in this plugin.
Btw it's looking fine when not using "multiple".

[user378230]

I see what you mean now. I suppose this was done to prevent selected items from having a big gap at the start.

Any fix would need to look acceptable with and without selected items.

[boltex]

It's not just the padding,. all bootstrap styles are lost (such as blue halo, etc..) when adding the "multiple" keyword.