Improvements for layout of traceability items

[gcrabbe]

The layout of a traceability item currently presents the following structure:

<div id="DIG-RQT-COMP-ee_fl_2t_shell-1" class="collapsible_links collapse docutils container">
	<i class="fa fa-angle-down" [...]></i>
	<div class="item admonition" [...]>
		<p class="admonition-title">[...]</p>
	</div>
	<dl [...]><dt>Attributes</dt>[...]</dl>
</div>
<blockquote>
	<div>
		<p>Lorem ipsum [...]</p>
		<div class="admonition warning">[...]</div>
	</div>
</blockquote>

And is rendered as such:

Observe:

1. The admonition block with the title, rendered in blue.
2. The empty admonition body, rendered in pale blue.
3. The block quote with the actual item contents outside the main container.
4. The asymmetric alignment caused by the block quote element.

I believe that removing the contents from the block quote, putting them in the admonition body, and merging the admonition with the main container would simplify the structure, better translate the relationship between the title and the contents, and allow items to nest:

<div id="DIG-RQT-COMP-ee_fl_2t_shell-1" class="item admonition collapsible_links collapse docutils container">
	<p class="admonition-title">[...]</p>
	<i class="fa fa-angle-down" [...]></i>
	[...]
	<dl [...]><dt>Attributes</dt>[...]</dl>
	<p>Lorem ipsum [...]</p>
	<div class="admonition warning">[...]</div>
</div>

In addition to giving a more aesthetically pleasing result:

The same observation applies to traceability tables and charts, for which the actual content is also not inside, but below, the admonition that provides the title.