2 files changed, 3 insertions, 2 deletions
diff --git a/public/assets/js/lib/views/details/audioPlayer.js b/public/assets/js/lib/views/details/audioPlayer.js
index 700daa5..a2e38e5 100644
--- a/public/assets/js/lib/views/details/audioPlayer.js
+++ b/public/assets/js/lib/views/details/audioPlayer.js
@@ -77,6 +77,7 @@ const AudioPlayer = View.extend({
    */
   onPlay: function (element) {
     if (!this.active) {
+      this.$el.removeClass("unloaded");
       this.active = true;
       this.$el.addClass("active");
     }
diff --git a/public/assets/js/lib/views/stream/hootstream.js b/public/assets/js/lib/views/stream/hootstream.js
index 4d64cf6..50b2f46 100644
--- a/public/assets/js/lib/views/stream/hootstream.js
+++ b/public/assets/js/lib/views/stream/hootstream.js
@@ -262,8 +262,8 @@ var HootStream = View.extend({
       .map(([image]) => image);
 
     // console.log(filteredImages);
-
     // console.log(thread);
+
     return [
       "<div class='divider dark'></div>",
       this.renderHoot({
@@ -344,7 +344,7 @@ var HootStream = View.extend({
       return null;
     }
     const $table = $("<div class='fileList'>");
-    for (const file of files) {
+    for (const file of files.sort((file) => file.filename.toLowerCase())) {
       const $el = this.renderFile(this.fileTemplate, file);
       $table.append($el);
     }