Fixing center select text on Safari

[mmircea16]

should close https://github.com/code4romania/stam-acasa/issues/396

Turns out that fixing issue around having the text on the select centered is not trivial - read more here: https://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box/44499549

The recommended approach is using text-align-last however that is not supported on Safari. There are a couple of hacks possible, the one it seemed to be the least intrusive was to cover the select with a span that looks exactly like the select. Additionally, I have chosen to use the hack only when the text-align-last property is not supported by the browser to keep impact of the hack low.

Also I put it here and not in the components library to make sure it works as expected - if it does and feel like this something that is more widely usable - we should move it to the components repo.

Testing: Manual on firefox, chrome and safari - can someone please check in on IE11 and Edge?