Explicitly state annotation permissions level when editing

- Privacy directives calls setLevel on the parent annotation's scope
to display a clarifying message about who will be able to see the annotation
on save.
- Small styling refinements have been added to make the annotation-license
and the newly added clarifying text the same size.

h/static/scripts/directive/annotation.coffee

@@ -311,6 +311,10 @@ AnnotationController = [
       updateTimestamp = angular.noop
       drafts.remove model
 
+    # Called by the privacy directive.
+    $scope.setLevel = (level) ->
+      $scope.level = level
+
     # Watch the model.
     # XXX: TODO: don't clobber the view when collaborating
     $scope.$watch (-> model), (model, old) =>

h/static/scripts/directive/privacy.coffee

@@ -50,6 +50,7 @@ module.exports = ['localStorage', 'permissions', (localStorage, permissions) ->
         controller.$setViewValue level
 
       scope.level = controller.$viewValue
+      scope.$parent.setLevel(scope.level)
 
     scope.levels = levels
     scope.setLevel = (level) ->

h/static/styles/annotations.scss

@@ -79,7 +79,7 @@
 .annotation-license {
   clear: both;
   border-top: #cccccc 1px solid;
-  font-size: 0.9em;
+  font-size: 0.8em;
   padding-top: 0.583em;
 
   a {
@@ -88,8 +88,8 @@
   }
 
   @include icons {
-    font-size: 16px;
-    vertical-align: -3px;
+    font-size: 13px;
+    vertical-align: -2px;
     margin-right: 1px;
   }
 }

h/templates/client/annotation.html

@@ -97,6 +97,13 @@
 </div>
 <!-- / Tags -->
 
+<div class="annotation-section small" ng-if="vm.editing">
+  <p ng-show="level.text == 'Only Me'">
+    <i class="h-icon-lock"></i> This annotation is viewable only to you.</p>
+  <p ng-show="level.text == 'Public'">
+    <i class="h-icon-public"></i> This annotation is viewable to everyone.</p>
+</div>
+
 <div class="annotation-section form-actions"
         ng-if="vm.editing"
         ng-switch="vm.action">