FontAwesome icons for tablesorter

stylesheets/longtable/longtable.css

@@ -1,31 +0,0 @@
-.longtable {
-  display: block;
-  position: relative;
-  box-sizing: border-box;
-}
-.longtable > tbody {
-  display: block;
-  box-sizing: border-box;
-}
-.longtable > tbody > tr {
-  display: block;
-  box-sizing: border-box;
-  clear: left;
-  width: 100%;
-}
-.longtable > tbody > tr > td {
-  display: block;
-  box-sizing: border-box;
-  float: left;
-  padding: 0;
-}
-.longtable > tbody > tr > th {
-  display: block;
-  box-sizing: border-box;
-  float: left;
-  padding: 0;
-}
-.longtable > tbody > tr > th.sortable {
-  cursor: pointer;
-}
-

stylesheets/style.css

@@ -497,6 +497,24 @@ table.modlog tr th {
   background: #98E;
 }
 
+table.tablesorter thead tr th.headerSortUp:after,
+table.tablesorter thead tr th.headerSortDown:after,
+table.tablesorter thead tr th.header:after {
+  font-family: FontAwesome;
+}
+
+table.tablesorter thead tr th.header:after {
+  content: "\f0dc";
+}
+
+table.tablesorter thead tr th.headerSortUp:after {
+  content: "\f0de";
+}
+
+table.tablesorter thead tr th.headerSortDown:after {
+  content: "\f0dd";
+}
+
 td.minimal,th.minimal {
   width: 1%;
   white-space: nowrap;

templates/mod/ban_list.html

@@ -3,7 +3,7 @@
 {% else %}
 	<form action="?/bans" method="post">
 		<input type="hidden" name="token" value="{{ token }}">
-		<table class="mod" style="width:100%">
+		<table class="modlog">
 			<thead>
 				<tr>
 					<th>{% trans 'IP address/mask' %}</th>

templates/mod/log.html

@@ -54,7 +54,7 @@
 </table>
 <script>
 	if (typeof $ !== 'undefined' && $.tablesorter)
-		$('table.mod').tablesorter({
+		$('table.modlog').tablesorter({
 			textExtraction: (node) => {
 				let attr = $(node).data('sort-value');