Safari Mobile has different padding for clear buttons than other browsers

[anselmbradford]

The padding for the clear buttons in iOS's Safari Mobile is different than other browsers, causing the (x) to appear further to the left and overlapping with the input text when a lot is typed:

To fix:

• Adjust .clearable .close-button styles to position the (x) consistent with other browsers.
• Check site in iOS Safari Mobile (iOS Simulator or device) and other major browsers.