2 files changed, 32 insertions, 4 deletions
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index a62e206..f3c4581 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -555,15 +555,43 @@
   body {
     overflow-x: hidden;
   }
+
+  /** Hoot Form */
   #hootform {
     margin-bottom: 0rem;
     margin-left: 0;
   }
-  #hootevents {
-    padding-right: 0;
+
+  /** Ho0t FILTERs */
+  #hootfilters {
+    justify-content: space-evenly;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-size: 0.875rem;
+  }
+  #hootfilters .filterSet {
+    margin: 0.5rem 0.5rem;
   }
   #hootfilters .links {
-    margin: 0rem 0.75rem 0 0.75rem;
+    margin: 0.5rem 1rem;
+    width: 100%;
+    justify-content: space-evenly;
+  }
+  #hootfilters .filter,
+  #hootfilters .sort label {
+    background: rgba(127, 127, 167, 0.4);
+    border-radius: 0.5rem;
+    padding: 0.375rem 0.5rem;
+  }
+
+  /** hOoOt STReAM */
+  #hootstream {
+    margin-top: 1.5rem;
+  }
+
+  /** hoot EVENTS */
+  #hootevents {
+    padding-right: 0;
   }
   #hootevents .userLink {
     display: none;
diff --git a/public/assets/js/lib/views/details/audioPlayer.js b/public/assets/js/lib/views/details/audioPlayer.js
index 89f0dd4..f31a8b3 100644
--- a/public/assets/js/lib/views/details/audioPlayer.js
+++ b/public/assets/js/lib/views/details/audioPlayer.js
@@ -25,7 +25,7 @@ const AudioPlayer = View.extend({
       this.pos_el.addEventListener("touchmove", (e) =>
         this.mousemove(this.e.touches[0])
       );
-      window.addEventListener("touchend", this.mouseup.bind);
+      window.addEventListener("touchend", this.mouseup);
     } else {
       this.pos_el.addEventListener("mousedown", this.mousedown);
       this.pos_el.addEventListener("mousemove", this.mousemove);