The 'unsorted' up-down chevron is very fuzzy on retina screens, and somewhat fuzzy otherwise. Change to fa-sort* icons for sharpmenss, at least for now.

 - Legacy-Id: 10648

Author: levkowetz

ietf/static/ietf/css/ietf.css

@@ -439,14 +439,8 @@ form.navbar-form input.form-control.input-sm { width: 141px; }
     pointer-events: none;
 }
 
-/* revert some of the tablesorter theme back to bootstrap defaults */
-.tablesorter-bootstrap .bootstrap-icon-unsorted {
-    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAMAAADOvxanAAAAVFBMVEUAAABCQkJZWVkZGRnJyckgICAZGRkZGRn8/PweHh4dHR0aGhoaGhpUVFQbGxvQ0NDc3NxMTExSUlIbGxvr6+s4ODhKSkogICAtLS00NDQzMzMnJydSEPrQAAAAGHRSTlMA1ssZRLgdAQbDyisqsZo8QdXUq0r9xPepSRwiAAAAX0lEQVQI13XHSQKAIAwEwQAKxn13Ev7/T2Pu9qmarJKPXIicI4PH4hxaKNrhm2S8bJK5h4YzKHrzJNtK6yYT/TdXzpS5zuYg4MSQYF6i4IHExdw1UVRi05HPrrvT53a+qyMFC9t04gcAAAAASUVORK5CYII=)
-}
-
 .tablesorter-bootstrap { width: inherit; }
 
-
 .tablesorter-bootstrap thead tr th {
     background-color: inherit;
     font-family: inherit;

ietf/static/ietf/js/ietf.js

@@ -249,9 +249,9 @@ $(document).ready(function () {
         // customize the styling a bit; more is done in ietf.css
         $.tablesorter.themes.bootstrap = {
             table: "",
-            iconSortNone: "bootstrap-icon-unsorted",
-            iconSortAsc: "glyphicon glyphicon-chevron-up",
-            iconSortDesc: "glyphicon glyphicon-chevron-down",
+            iconSortNone: "fa fa-sort",
+            iconSortAsc: "fa fa-sort-asc",
+            iconSortDesc: "fa fa-sort-desc",
             hover: "active"
         };
         // disable the URL-based sorting stuff that uses the django backend