audio init

2 files changed, 31 insertions, 7 deletions

diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index ad51f3f..a8cd0d7 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -44,6 +44,9 @@
   margin-bottom: 0.5rem;
   width: 100%;
 }
+#hootevents .hoot.threadTitle {
+  /*align-items: flex-end;*/
+}
 #hootevents .hootText {
   max-width: 60rem;
   transition: opacity 0.2s;
@@ -135,17 +138,17 @@
 #hootevents .divider {
   border-top: 0;
   border-bottom: 1px solid rgba(88, 88, 88, 0.4);
-  margin: 0 auto;
-  width: 80%;
-  height: 0rem;
-  margin-bottom: 1rem;
+  margin: 0;
+  padding-top: 0rem;
+  margin-left: 8.25rem;
+  width: calc(100% - 12rem);
+  height: 0;
 }
 #hootevents .divider.dark {
   border-top: 1px solid rgba(88, 88, 88, 0.4);
+  padding-top: 0;
+  padding-bottom: 0.5rem;
   border-bottom: 0;
-  height: 1rem;
-  margin-bottom: 0rem;
-  margin-top: 0rem;
 }
 #hootevents .thread {
   background: linear-gradient(
@@ -154,6 +157,11 @@
     rgba(127, 127, 127, 0.05),
     rgba(127, 127, 127, 0)
   );
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+#hootevents .thread + .thread {
+  margin-top: 0;
 }
 
 /** LastLog */
@@ -182,8 +190,14 @@
   margin-left: 8rem;
   margin-bottom: 1rem;
 }
+#hootevents .fileList a.playing {
+  color: #6bf;
+  font-weight: bold;
+  opacity: 1 !important;
+}
 #hootevents .fileList .playing:before {
   content: "▷  ";
+  font-size: 11px;
 }
 #hootevents .fileRow {
   width: 100%;
@@ -429,4 +443,8 @@
     margin-right: 0;
     padding: 0.25rem 0.25rem 0.75rem 0.25rem;
   }
+  #hootevents .divider {
+    margin-left: 1.75rem;
+    width: calc(100% - 4rem);
+  }
 }
diff --git a/public/assets/js/lib/views/details/audio.js b/public/assets/js/lib/views/details/audio.js
index 6c20e78..30c5efd 100644
--- a/public/assets/js/lib/views/details/audio.js
+++ b/public/assets/js/lib/views/details/audio.js
@@ -8,14 +8,20 @@ var audio = (function () {
   var selected = false;
   var playing = false;
   var built = false;
+  var initted = false;
 
   audio.init = function () {
+    if (initted) {
+      audio.index();
+      return;
+    }
     comment = document.querySelector("#comment");
     parent = document.querySelector("#audio");
 
     audio.index();
     audio.build();
     el.src = music[0];
+    initted = true;
   };
 
   audio.index = function () {