simplify class and styling of interactive rows

All rows in an Interactive container now have a
class of:

  'interactive-row'

instead of:

  'interactive-' + component.id + '-row'

We weren't using the more specific selector.

The first interactive-row in a container has a bit of padding-top.

The last interactive-row in a container has a bit of padding-bottom.
improve layout of Trace Atom example Interactive
custom width, height: checkboxes, numericOutputs

[#45465385]
numericOutput: optional vertical orientation

[#45465489]
example: numericOutputs w/vertical orientation

[#45465489]
checkbox: optionally place text to right

[#45465623]

Support optionally placing the text to the right of
a checkbox which would allow a vertically-oriented
collection of checkbox components to be placed in
a container aligned "left".
example Interactive: atom data table ouput

[#45465385], [#45465673]

Uses fixed custom widths for text labels and numericOutputs
to create a small table of atom data.
fix atomToolTips

[#45465727]

New example using them here:

interactives/basic-examples/atom-data-table.json
interactive-rows: tighten vertical spacing