LPS-35716 - Label and value in not editable form fields look the same

Hey @patrick-armitage,

Attached is an update for http://issues.liferay.com/browse/LPS-35716.  Can you make the following updates to this pull?

1) For these, I feel like we should be using either a liferay-ui:input-resource, though we'll need to add a label attribute to the taglib. We could use an aui:input but we'd have to add a name to each one and guarantee that it doesn't conflict with the existing form fields.

2) For Byran's changes, changing it to a table isn't the right change. This isn't really so much tabular data as it is a key/value list. In cases like these, we mark them up with
&lt;dl&gt;
  &lt;dt&gt;Coffee&lt;/dt&gt;
    &lt;dd&gt;Black hot drink&lt;/dd&gt;
  &lt;dt&gt;Milk&lt;/dt&gt;
    &lt;dd&gt;White cold drink&lt;/dd&gt;
&lt;/dl&gt;

elements, since semantically, it matches that much closer.

Bootstrap allows you to mark them with a class to make it inline.

Please let me know if you have any questions.  Thanks!