John on "Adding custom button code to a simple lightbox link"

My question,

I am trying to add a custom button to a simple lightbox link

If you look at the link below and switch to LIST VIEW(look at the second listing called "Drag and Drop") you can see the button is rendering but the words that are supposed to be on the button are next to it and not on the button.

http://www.johnpendleton.com/jpportfolio/portfolio/#prettyPhoto

Code that I am using for the button:

a href="http://www.johnpendleton.com/jpportfolio/wp-content/uploads/2013/10/parallax-background-quasar.jpg" rel="prettyPhoto" title="This is the description"><img src="[rockthemes_button icon_align="left" icon_title="View Larger Image" button_size="" button_color="primary" button_flat="no" button_shape="button-rounded" button_wrap="no" link_url="" icon_class="icon-check" icon_url=""]View Larger Image[/rockthemes_button]" />

Any help on what I need to change to get this to work would be great!

Thanks,

JP