Use data-pattern sted pattern

Some browsers mark the phone fields invalid as the user types, which is
undesirable. Workaround is to use `data-pattern` instead of `pattern` to store
the validation regex.
Keep inputs on one line