using jquery ui draggable changes the state of an element from absolute to relative
positioning, which breaks the way our seek button expands itself, so we need to
force absolute positioning, quite uglily, using jquery.
{{! template for the annotation widget }}
<div class='Ldt-AnnotationsWidget'>
<!-- ugly div because we want to have a double border -->
<div class='Ldt-Annotation-DoubleBorder'>
<div class='Ldt-AnnotationContent'>
<div class='Ldt-AnnotationShareIcons'>
<a class='Ldt-fbShare' href=''><img src='{{img_dir}}/facebook.png' alt='share on facebook'></img></a>
<a class='Ldt-TwShare' href=''><img src='{{img_dir}}/twitter.png' alt='share on twitter'></img></a>
<a class='Ldt-GplusShare' href=''><img src='{{img_dir}}/google.png' alt='share on google+'></img></a>
</div>
<div class='Ldt-SaTitle'></div>
<div class='Ldt-SaDescription'></div>
</div>
</div>
</div>