client-app/app/templates/index.hbs in logster-2.7.1 vs client-app/app/templates/index.hbs in logster-2.8.0

@@ -57,29 +57,29 @@
         <input
           type="checkbox"
           checked={{showWarn}}
           onchange={{action (action 'updateFilter' 'showWarn')}}
         />
-        <i class='fa fa-exclamation-circle warning'></i>
+        {{fa-icon "exclamation-circle" class="warning"}}
         <span>Warning</span>
       </label>
       <label class="error">
         <input
           type="checkbox"
           checked={{showErr}}
           onchange={{action (action 'updateFilter' 'showErr')}}
         />
-        <i class='fa fa-times-circle error'></i>
+        {{fa-icon "times-circle" class="error"}}
         <span>Error</span>
       </label>
       <label class="fatal">
         <input
           type="checkbox"
           checked={{showFatal}}
           onchange={{action (action 'updateFilter' 'showFatal')}}
         />
-        <i class='fa fa-times-circle fatal'></i>
+        {{fa-icon "times-circle" class="fatal"}}
         <span>Fatal</span>
       </label>
     </div>
     </div>
     <div class="search-clear-all">
@@ -90,13 +90,13 @@
         onkeyup={{action "updateSearch" value="target.value"}}
       />
       <div class="footer-btns">
         {{#if showSettings}}
           {{#link-to "settings" class="settings btn no-text"}}
-            <i class='fa fa-cog'></i>
+            {{fa-icon "cog"}}
           {{/link-to}}
         {{/if}}
-        <button class="clear btn danger" {{action "clear"}}><i class='fa fa-trash-o'></i><span>Clear logs</span></button>
+        <button class="clear btn danger" {{action "clear"}}>{{fa-icon "trash-alt" prefix="far"}}<span>Clear logs</span></button>
       </div>
     </div>
   </div>
 </div>
 {{panel-resizer}}