Fix filter list icon btn for firefox

static/src/app/common/user-interface/list-filter/list-filter.component.html

@@ -4,10 +4,11 @@
       {{button.label}}
     </mat-button-toggle>
   </mat-button-toggle-group>
-  <button mat-icon-button class="add-btn">
-    <mat-icon svgIcon="{{addButton.svgIcon}}"
-              matTooltip="{{addButton.tooltip}}"
-              (click)="add()">
+  <button mat-icon-button
+          class="add-btn"
+          matTooltip="{{addButton.tooltip}}"
+          (click)="add()">
+      <mat-icon svgIcon="{{addButton.svgIcon}}">
     </mat-icon>
   </button>
 </div>

static/src/app/common/user-interface/list-filter/list-filter.component.ts

@@ -23,6 +23,7 @@ export class ListFilterComponent {
   }
 
   add() {
+    console.log("in child");
     this.openAddFrom.emit();
   }
 }

static/src/app/users/user-list/user-list.component.ts

@@ -53,6 +53,7 @@ export class UserListComponent implements OnInit {
   }
 
   openNewUserForm() {
+    console.log("message!")
     this.selectedUserId = null;
     this.router.navigate([{outlets: {'right': ['new']}}], {relativeTo: this.route});
   }