Now can sort by confidence ascending or descending

Removed unused font and styles, updated icons

Help/settings.html

@@ -87,7 +87,7 @@
                     If a file's timestamp does not reflect the recording time, an inaccurate reading will result.
                     To edit the start time of the current file,
                     select the desired date and time using the <span
-                        class="material-icons-two-tone align-bottom">edit_calendar</span>
+                        class="material-symbols-outlined align-bottom">edit_calendar</span>
                     icon located next to the file name on the transport controls panel.
 
                 </li>

Help/usage.html

@@ -63,7 +63,7 @@ <h4 class="text-center bg-dark text-white p-3">Suggested Workflow</h4>
         <li>Choose whether to use <b>Nocmig mode.</b> Once the file is loaded, the spectrogram will appear, along with
             transport controls for
             navigating the audio. A <i>nocmig mode</i> button (<span
-                class="material-icons-two-tone align-bottom">nights_stay</span>) will also appear on the
+                class="material-symbols-outlined align-bottom">nights_stay</span>) will also appear on the
             right hand side. Nocmig mode takes its
             cue from the file creation date and time. It limits the analysis to calls occurring both after the end of
             civil
@@ -123,7 +123,7 @@ <h5 class="pt-2">Custom "Deep Dive" Detections</h5>
             relation
             to the call. The window can be moved by dragging it, or you can create a new window by clicking and
             dragging out a custom region on the spectrogram. Once you have a new region, select
-            <span class="material-icons-two-tone">search</span> <b>Analyse</b> from the context menu or <b>Analysis >
+            <span class="material-symbols-outlined">search</span> <b>Analyse</b> from the context menu or <b>Analysis >
                 Analyse
                 selected interval</b> from the menu.
             The detections for the selected region appear in an overlay window and can be saved to the results or
@@ -134,7 +134,7 @@ <h5 class="pt-2">Custom "Deep Dive" Detections</h5>
     <h5 class="pt-2">Amending Results</h5>
     <ol start="10">
         <li>It is possible to remove results from what will be saved by selecting <span
-                class='delete material-icons-two-tone'>delete_forever</span> <b>Delete Record</b> in the context menu.
+                class='delete material-symbols-outlined'>delete_forever</span> <b>Delete Record</b> in the context menu.
             This can be selected on a per-detection basis in the results table, or a per-species basis in the summary.
         </li>
 
@@ -156,7 +156,7 @@ <h5 class="pt-2">Saving Results</h5>
                     with a ".txt" extension.
                 </li>
                 <li>
-                    Export an audio clip of a detection. To do this, select <span class="material-icons-two-tone">
+                    Export an audio clip of a detection. To do this, select <span class="material-symbols-outlined">
                         music_note
                     </span><b>Export Audio Clip</b> on the context menu. By default, the filename will contain the
                     species and

css/style.css

@@ -9,32 +9,26 @@ body {
 }
 
 @font-face {
-    font-family: 'Material Icons Two Tone';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Material Icons Two Tone'),
-        local('material-icons-two-tone'),
-        url(../fonts/material-icons-two-tone.woff2) format('woff2')
-}
-
-.material-icons-two-tone {
-    font-family: 'Material Icons Two Tone';
-    font-weight: normal;
-    font-style: normal;
-    font-size: x-large;
-    /* Preferred icon size */
-    font-display: block;
-    display: inline-block;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: normal;
-    word-wrap: normal;
-    white-space: nowrap;
-    vertical-align: top;
-    direction: ltr;
-    padding-bottom: 0;
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
+    font-family: 'Material Symbols Outlined';
+    src: local('Material Sumbols Outlined'),
+        local('material-symbols-outlined'),
+        url(../fonts/material-symbols-outlined.woff2) format('woff2')
+}
+
+
+.material-symbols-outlined {
+    font-family: 'Material Symbols Outlined';
+  font-variation-settings:  'FILL' 1,
+  'wght' 500,
+  'GRAD' 0,
+  'opsz' 24;
+  font-display: block;
+  font-size: x-large;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  vertical-align: top;
+  padding-bottom: 0;
 }
 
 .navbar {