Merge branch '982-font-awesome-icons-not-shown-correctly-in-result-saver' into 'development'

Resolve "Font Awesome Icons not shown correctly in result saver"

Closes #982

See merge request !1620

resources/js/result-saver.js

@@ -141,13 +141,13 @@ Results.prototype.addToContainer = function (container) {
   var options = $('\
     <div id="saver-options">\
       <div class="saver-option saver-option-filter">\
-        <input class="form-control" type="text" placeholder="&#xf0b0 ' + t('result-saver.filter') + '">\
+        <input style="font-family: \'Font Awesome 5 Free\', sans-serif;" class="form-control" type="text" placeholder="&#xf0b0 ' + t('result-saver.filter') + '">\
       </div>\
       <div class="saver-option saver-option-sort">\
-        <select class="form-control" style="font-family: FontAwesome, sans-serif;">\
-          <option value="chronological" style="font-family: FontAwesome, sans-serif;">&#xf017 ' + t('result-saver.sort.chronological') + '</option>\
-          <option value="rank" style="font-family: FontAwesome, sans-serif;">&#xf162 ' + t('result-saver.sort.ranking') + '</option>\
-          <option value="alphabetical" style="font-family: FontAwesome, sans-serif;">&#xf15d ' + t('result-saver.sort.alphabetical') + '</option>\
+        <select class="form-control" style="font-family: \'Font Awesome 5 Free\', sans-serif;">\
+          <option value="chronological" style="font-family: \'Font Awesome 5 Free\', sans-serif;">&#xf017 ' + t('result-saver.sort.chronological') + '</option>\
+          <option value="rank" style="font-family: \'Font Awesome 5 Free\', sans-serif;">&#xf162 ' + t('result-saver.sort.ranking') + '</option>\
+          <option value="alphabetical" style="font-family: \'Font Awesome 5 Free\', sans-serif;">&#xf15d ' + t('result-saver.sort.alphabetical') + '</option>\
         </select>\
       </div>\
       <div class="saver-option saver-option-delete">\