Use fontawesome for icons instead of (deprecated) images that will be removed...

Use fontawesome for icons instead of (deprecated) images that will be removed at some point. Resolves theming issue when using haystack theme

templates/CRM/Dataprocessor/Form/DataProcessorBlocks/AggregateFields.tpl

@@ -18,7 +18,7 @@
 
     <div class="crm-submit-buttons">
         <a class="add button" title="{ts}Add Aggregate Field{/ts}" href="{$addAggregateFieldUrl}">
-            <span><div class="icon add-icon ui-icon-circle-plus"></div>{ts}Add Aggregate Field{/ts}</span></a>
+            <i class='crm-i fa-plus-circle'></i> {ts}Add Aggregate Field{/ts}</a>
     </div>
 </div>
 {/crmScope}
\ No newline at end of file

templates/CRM/Dataprocessor/Form/DataProcessorBlocks/Fields.tpl

@@ -21,7 +21,7 @@
 
     <div class="crm-submit-buttons">
         <a class="add button" title="{ts}Add Field{/ts}" href="{$addFieldUrl}">
-            <span><div class="icon add-icon ui-icon-circle-plus"></div>{ts}Add Field{/ts}</span></a>
+            <i class='crm-i fa-plus-circle'></i> {ts}Add Field{/ts}</a>
     </div>
 </div>
 {/crmScope}
\ No newline at end of file

templates/CRM/Dataprocessor/Form/DataProcessorBlocks/Filters.tpl

@@ -27,7 +27,7 @@
 
         <div class="crm-submit-buttons">
             <a class="add button" title="{ts}Add Filter{/ts}" href="{$addFilterUrl}">
-                <span><div class="icon add-icon ui-icon-circle-plus"></div>{ts}Add Filter{/ts}</span></a>
+                <i class='crm-i fa-plus-circle'></i> {ts}Add Filter{/ts}</a>
         </div>
     </div>
 {/crmScope}
\ No newline at end of file

templates/CRM/Dataprocessor/Form/DataProcessorBlocks/Outputs.tpl

@@ -21,7 +21,7 @@
 
     <div class="crm-submit-buttons">
         <a class="add button" title="{ts}Add Output{/ts}" href="{$addOutputUrl}">
-            <span><div class="icon add-icon ui-icon-circle-plus"></div>{ts}Add Output{/ts}</span></a>
+            <i class='crm-i fa-plus-circle'></i> {ts}Add Output{/ts}</a>
     </div>
 </div>
 {/crmScope}
\ No newline at end of file

templates/CRM/Dataprocessor/Form/DataProcessorBlocks/Sources.tpl

@@ -23,7 +23,7 @@
 
     <div class="crm-submit-buttons">
         <a class="add button" title="{ts}Add Data Source{/ts}" href="{$addDataSourceUrl}">
-            <span><div class="icon add-icon ui-icon-circle-plus"></div>{ts}Add Data Source{/ts}</span></a>
+            <i class='crm-i fa-plus-circle'></i> {ts}Add Data Source{/ts}</a>
     </div>
 </div>
 {/crmScope}
\ No newline at end of file