Add bulkManager title + always above titles

bulkManager/css/GridFieldBulkManager.css

@@ -2,6 +2,8 @@
   text-align: center; }
   .cms table.ss-gridfield-table tr.bulkManagerOptions th.bulkmanagerselect input {
     margin-left: 0; }
+.cms table.ss-gridfield-table tr.bulkManagerOptions .title {
+  margin: 0 0 2px 2px; }
 .cms table.ss-gridfield-table tr.bulkManagerOptions .dropdown {
   display: inline-block;
   border: none;
@@ -12,6 +14,8 @@
   vertical-align: top; }
 .cms table.ss-gridfield-table tr.bulkManagerOptions .doBulkActionButton .ui-button-text {
   padding: 6px 0 5px 2.1em; }
+  .cms table.ss-gridfield-table tr.bulkManagerOptions .doBulkActionButton .ui-button-text .ui-button-text {
+    padding: 0; }
 .cms table.ss-gridfield-table tr.bulkManagerOptions .doBulkActionButton .loading .ui-icon {
   background: transparent url(../../framework/images/network-save.gif) no-repeat 0 0; }
 .cms table.ss-gridfield-table tbody .col-bulkSelect {

bulkManager/css/GridFieldBulkManager.scss

@@ -12,6 +12,11 @@
       }
     }
 
+    .title
+    {
+      margin: 0 0 2px 2px;
+    }
+
     .dropdown 
     {
       display: inline-block;
@@ -29,7 +34,12 @@
     {
       .ui-button-text
       {
-        padding: 6px 0 5px 2.1em;
+        padding: 6px 0 5px 2.1em; //3px 0 2px 1.05em; //
+
+        .ui-button-text
+        {
+          padding: 0;
+        }
       }
 
       .loading .ui-icon

bulkManager/javascript/GridFieldBulkManager.js

@@ -8,6 +8,40 @@
 
 		$.entwine('colymba', function($) {
 
+			/**
+       * Makes sure the component is above the headers
+       */
+      $('.bulkManagerOptions').entwine({
+        onmatch: function(){
+          var $parent = this.parents('thead'),
+          		$tr = $parent.find('tr'),
+
+          		targets = ['.filter-header', '.sortable-header'],
+          		$target = $parent.find(targets.join(',')),
+
+              $component = this.clone(),
+              index = $tr.index(this),
+              newIndex = $tr.length - 1
+              ;
+
+          $target.each(function(index, Element){
+          	var idx = $tr.index(Element);
+          	if ( idx < newIndex )
+          	{
+          		newIndex = idx;
+          	}
+          });
+
+          if ( index > newIndex )
+          {
+            $component.insertBefore($tr.eq(newIndex));
+            this.remove();
+          }          
+        },
+        onunmatch: function(){}
+      });
+
+		    
 			$('td.col-bulkSelect').entwine({
 				onmatch: function(){
 				},

bulkManager/lang/en.yml

@@ -1,6 +1,8 @@
 # DO NOT MODIFY. Generated by build task.
 # Contribute here: https://www.transifex.com/projects/p/gridfieldbulkeditingtools/
 en:
+  GRIDFIELD_BULK_MANAGER:
+    COMPONENT_TITLE: Modify one or more entry at a time.
   GridFieldBulkTools:
     BULK_UPLOAD_BTN_LABEL: Bulk Upload
     FINISH_BTN_LABEL: Finish

bulkManager/templates/BulkManagerButtons.ss

@@ -1,6 +1,8 @@
 <tr class="bulkManagerOptions">
 	<th class="main bulkmanagerheading" colspan="$Colspan">
 		
+		<p class="title"><% _t('GRIDFIELD_BULK_MANAGER.COMPONENT_TITLE', 'Modify one or more entry at a time.') %></p>
+
 		$Menu
 		<a data-url="$Button.DataURL" data-config="$Button.DataConfig" class="doBulkActionButton ss-ui-button" data-icon="$Button.Icon">
 			$Button.Label