See, I would love to use classes and get the inline CSS out but, there are a bunch of possibilities here which means a lot of CSS classes and lines of code. That is not the worst thing though, the problem with adding/removing classes via JavaScript it that for each of these actions, it will case the browser to reflow. This can hamper performance especially when we reintroduce search as you type, how much, I can of course not be sure at this moment.

With all that said, this is definitely something we can explore but, I suppose we would need to change the backend code to populate a property with the icon 'class' name as apposed to the iconPath as it currently does. Then I just need to create classes for the various 'types'