
Overlapping dock buttons
I am attempting to add a custom dock button for linkedin sharing. I have added the button and it works fine by itself.
However, if I also enable the built in sharing button on the dock the buttons don't line up nicely and the linkedin button becomes very difficult to click. Please help
I am posting my code below and this is the link to the page I am testing it on dev.meetlv.com/test-2
<div id='playerHOqFiUgXaKKk'></div>
<script type='text/javascript'>
jwplayer('playerHOqFiUgXaKKk').setup({
file: 'http://wds.mp.advection.net/mp/americanpayroll/PNN/_dld/Brian-14-01-New-IRS-Comm-8188.mp4',
image: 'https://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '16:9',
skin: 'stormtrooper',
sharing: '{}'
});
</script>
<script>
jwplayer().addButton(
"http://dev.meetlv.com/wp-content/uploads/2014/03/linkedin.png",
"LinkedInShare",
function() {
window.open('https://www.linkedin.com/shareArticle?mini=true&url=http://dev.meetlv.com/test-2/&title=Test%20share&summary=&source=');
},
"linkedinShare"
);
</script>