re: the listing appears badly formatted
It appears you may have copy/pasted the code from the web page and pasted it into the WordPress Visual editor. When this is done, the underlying HTML is also being pasted. This is not a Connections issue. It is just how the WP Visual editor works. You can copy/paste but this alway, as a best practice, be pasted into the Text tab of the editor. Pasted it in the Text tab will ensure the HTML is not pasted.
How to fix… edit the page where you inserted the shortcode, switch the editor to the Text tab. Now remove any HTML from in and around the shortcode, especially the
pre tags. Save the page. The formatting should not be correct.
re: I was also wondering if it possible to view it in expanded mode? i.e with either the BIO and the MAP expanded?
Sorry, this is not possible. A suggestion… use a different template for these. For example the Default card like so:
[connections template='card' id='14']
Hope that helps!