COMPASS-522: Validation style pass

[Sean-Oh]

Some changes to clean up the Validation tab:

• Changed input focus color from blue to green
• Added missing placeholders
• Reduced the height of the inputs / dropdown buttons; vertically centered their placeholders
• Vertically centered the table rows
• Made capitalization more consistent
• Made trashcan button grey instead of red
• Made dropdown + input form groups more unison
• Other minor changes

cc: @fredtruman

[fredtruman]

Niiiice. Couple thoughts:

• I think we want to keep the blue borders / focus style across the app for inputs. It used to be green but the thinking was that green implies "good" or "validated" whereas blue is more neutral.
• Any chance you could align the button styles and the drop shadow more closely with Document CRUD styles? (less aggressive drop shadow, brown button text color) see:

[Sean-Oh]

@fredtruman Sure - I changed the form focus back to blue + made the cancel / update buttons similiar to the CRUD view + made span text italicized. What do you mean by less aggressive drop shadow though?

[fredtruman]

The documents have box-shadow like:
box-shadow: 2px 5px 8px rgba(0,0,0,.2);

And the validator document has box-shadow like:
box-shadow: -10px 10px 50px -20px rgba(0,0,0,.75);

[Sean-Oh]

Changed!

[fredtruman]

Nice! Look ok? 👀

[rueckstiess]

@Sean-Oh @fredtruman The tests were failing because they assumed a certain capitalization which was changed as part of the style pass.

  1) <RangeInput /> when rendering the default control has placeholder text of `lower bound`:
      AssertionError: expected 'Lower bound' to equal 'lower bound'
      + expected - actual
      -Lower bound
      +lower bound
      
      at Context.it (test/validation.range.test.js:25:37)
  2) <RangeInput /> when rendering an upperBound control has placeholder text of `upper bound`:
      AssertionError: expected 'Upper bound' to equal 'upper bound'
      + expected - actual
      -Upper bound
      +upper bound

I'm going to rebase this branch and fix the failing tests accordingly.

[rueckstiess]

LGTM.