Standardize Form Control Look and Feel on Mobile Safari

[ghost]

Using hack without a css reset of any kind we can see some elements are unstyled to achieve the expected look-and-feel:

hack/src/css/components.css

Lines 139 to 141 in 5843d89

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;

Let's extend this also to input controls for mobile safari. Here's a primer for making it happen: https://signalvnoise.com/posts/2609-customizing-web-forms-with-css3-and-webkit

[ghost]

If we want to look at disable zooming on controls for Safari Mobile extend this:

input.form-control,
textarea.form-control {
  font-size: initial;
}

[ghost]

How @guitmz addressed this:

input.form-control {
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

[guitmz]

@JHabdas if I recall correctly this code actually came from you :)