Add tooltips to body to avoid css adjacency issues

Currently, tooltip markup is added `after` the element on which the
directive is defined. As a result, any adjacency selectors based on
the element having a controlled set of siblings will be affected.

This change will add the tooltip element as a child of the body instead.