SONAR-6957 apply feedback

server/sonar-web/src/main/js/apps/background-tasks/tasks.js

@@ -56,18 +56,12 @@ export default React.createClass({
       return <td><span className="note">{task.id}</span></td>;
     }
 
-    let filter = <span className="background-task-filter">
-        <a onClick={this.handleFilter.bind(this, task)} className="icon-filter icon-half-transparent" href="#"
-           title={`Show only "${task.componentName}" tasks`} data-toggle="tooltip"/>
-      </span>;
-
     return (
         <td>
           <span className="little-spacer-right">
             <QualifierIcon qualifier={task.componentQualifier}/>
           </span>
           <a href={getComponentUrl(task.componentKey)}>{task.componentName}</a>
-          {filter}
         </td>
     );
   },
@@ -98,6 +92,13 @@ export default React.createClass({
     return !moment(a).isSame(moment(b), 'day');
   },
 
+  renderFilter(task) {
+    return <td className="thin nowrap">
+      <a onClick={this.handleFilter.bind(this, task)} className="icon-filter icon-half-transparent spacer-left" href="#"
+         title={`Show only "${task.componentName}" tasks`} data-toggle="tooltip"/>
+    </td>;
+  },
+
   renderCancelButton(task) {
     if (task.status === STATUSES.PENDING) {
       return (
@@ -133,6 +134,7 @@ export default React.createClass({
             {this.renderLogsLink(task)}
             {this.renderCancelButton(task)}
           </td>
+          {this.renderFilter(task)}
         </tr>
     );
   },

server/sonar-web/src/main/less/pages.less

@@ -1,5 +1,4 @@
 @import "pages/analysis-reports";
-@import "pages/background-tasks";
 @import "pages/coding-rules";
 @import "pages/dashboard";
 @import "pages/issues";

server/sonar-web/src/main/less/pages/background-tasks.less

@@ -1,15 +0,0 @@
-@import (reference) '../variables';
-
-.background-tasks {
-  tr:hover .background-task-filter {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-.background-task-filter {
-  margin-left: 10px;
-  opacity: 0;
-  transform: translateX(15px);
-  transition: opacity 0.2s ease, transform 0.2s ease;
-}