Rename <primary-action-btn> to <dropdown-menu-btn>

This is a more descriptive name explaining what the component
is for.

Card 89

h/static/scripts/app.coffee

@@ -148,7 +148,7 @@ module.exports = angular.module('h', [
 .directive('tabReveal', require('./directive/tab-reveal'))
 .directive('shareDialog', require('./directive/share-dialog'))
 .directive('windowScroll', require('./directive/window-scroll'))
-.directive('primaryActionBtn', require('./directive/primary-action-btn'))
+.directive('dropdownMenuBtn', require('./directive/dropdown-menu-btn'))
 .directive('publishAnnotationBtn', require('./directive/publish-annotation-btn'))
 
 .filter('converter', require('./filter/converter'))

h/static/scripts/directive/primary-action-btn.js → h/static/scripts/directive/dropdown-menu-btn.js

@@ -20,6 +20,6 @@ module.exports = function () {
       dropdownMenuLabel: '@',
       onToggleDropdown: '&',
     },
-    templateUrl: 'primary_action_btn.html'
+    templateUrl: 'dropdown_menu_btn.html'
   };
 };

h/static/styles/app.scss

@@ -7,7 +7,7 @@ $base-line-height: 20px;
 @import './common';
 
 // components
-@import './primary-action-btn';
+@import './dropdown-menu-btn';
 @import './publish-annotation-btn';
 
 body {

h/static/styles/primary-action-btn.scss → h/static/styles/dropdown-menu-btn.scss

 // the primary action button for a form
-.primary-action-btn {
+.dropdown-menu-btn {
   $default-background-color: #626262;
   $hover-background-color: #3A3A3A;
   $h-padding: 9px;

h/templates/client/annotation.html

@@ -113,7 +113,7 @@
     <div class="annotation-form-actions" ng-if="vm.editing" ng-switch="vm.action">
       <button ng-switch-when="delete"
               ng-click="vm.save()"
-              class="primary-action-btn"><i class="h-icon-check btn-icon"></i> Delete</button>
+              class="dropdown-menu-btn"><i class="h-icon-check btn-icon"></i> Delete</button>
       <publish-annotation-btn
         group="vm.group()"
         is-shared="vm.isShared()"

h/templates/client/primary_action_btn.html → h/templates/client/dropdown_menu_btn.html

@@ -2,14 +2,14 @@
   Uses a <div> rather than a <button> so that hover states for child elements work
   in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=843003
 !-->
-<div aria-role="button" class="primary-action-btn">
-  <div class="primary-action-btn__label" ng-bind="label"></div>
+<div aria-role="button" tabindex="0" class="dropdown-menu-btn">
+  <div class="dropdown-menu-btn__label" ng-bind="label"></div>
   <div
-    class="primary-action-btn__dropdown-arrow"
+    class="dropdown-menu-btn__dropdown-arrow"
     title="{{dropdownMenuLabel}}"
     ng-click="vm.toggleDropdown($event)">
-    <div class="primary-action-btn__dropdown-arrow-separator"></div>
-    <div class="primary-action-btn__dropdown-arrow-indicator">
+    <div class="dropdown-menu-btn__dropdown-arrow-separator"></div>
+    <div class="dropdown-menu-btn__dropdown-arrow-indicator">
       <div>▼</div>
     </div>
   </div>

h/templates/client/publish_annotation_btn.html

 <div dropdown="" class="publish-annotation-btn__btn" is-open="vm.showDropdown">
-  <primary-action-btn
+  <dropdown-menu-btn
     label="'Post to ' + vm.publishDestination"
     ng-click="vm.save()"
     on-toggle-dropdown="vm.showDropdown = !vm.showDropdown"
     title="Publish this annotation to {{vm.publishDestination}}"
     dropdown-menu-label="Change annotation sharing setting">
-  </primary-action-btn>
+  </dropdown-menu-btn>
   <ul class="dropdown-menu pull-right publish-annotation-btn__dropdown-menu" role="menu">
     <li ng-click="vm.setShared()">
       <a href="">