 
     return # Make sure CoffeeScript does not return anything
 
-resizeAnnotationsControl = ->
+resizeAnnotationsWidth = ($annotationsList) ->
   padding = parseInt($('.annotations-control').css('right'))
   displayWrapper = $('.display-wrapper')
   left = displayWrapper.offset().left + displayWrapper.outerWidth() + padding
   $('.annotations-control').css
     left: left
 
+  # To not crop the shadow of annotations we move the left edge
+  # for 5px to the left and then add 5px (in fact 6px, so that
+  # it looks better with our 1px shadow border) left margin to each
+  # annotation. Same value is used in the _viewer.styl as well.
+  $('.annotations-list').add($annotationsList).css
+    left: left - 5
+
 Template.annotationsControl.rendered = ->
-  resizeAnnotationsControl()
+  resizeAnnotationsWidth()
 
 Template.annotationInvite.highlights = ->
   _.size currentHighlights()

            # We remove all added CSS in publication destroy
            $('footer.publication').add(@_$displayWrapper).css
              width: viewport.width
            resizeAnnotationsControl()

            $('.annotations-list .invite .balance-text').balanceText()


    return # Make sure CoffeeScript does not return anything

Template.publicationAnnotations.rendered = ->
  $annotationsList = $(@findAll '.annotations-list')

  $annotationsList.scrollLock()

  # We have to reset current left edge when re-rendering
  resizeAnnotationsWidth $annotationsList

  $annotationsList.find('.balance-text').balanceText()

  # If we leave z-index constant for all meta menu items
  # then because of the DOM order those later in the DOM
