2 files changed, 13 insertions, 1 deletions
diff --git a/public/assets/css/audioplayer.css b/public/assets/css/audioplayer.css
index 49a2809..2728c16 100644
--- a/public/assets/css/audioplayer.css
+++ b/public/assets/css/audioplayer.css
@@ -31,6 +31,9 @@
   transition: 0.2s cubic-bezier(0, 0, 1, 1);
   opacity: 0;
 }
+.player.unloaded {
+  pointer-events: none;
+}
 .player.active {
   opacity: 1;
 }
@@ -43,8 +46,8 @@
   display: flex;
   flex-direction: column;
   padding: 1rem;
+  border-radius: 0.25rem;
 }
-
 .player .controls {
   background: linear-gradient(-90deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.95));
 }
@@ -63,6 +66,11 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: opacity 0.1s;
+  opacity: 0.9;
+}
+.player .icon:hover {
+  opacity: 1;
 }
 .player .pos {
   flex: 1;
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index 1966da5..d0d10a2 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -57,6 +57,7 @@
 
 /** ImAgeS and other image lISTS!! */
 #hootevents .imageList {
+  padding-left: 7.5rem;
   margin-bottom: 1rem;
   display: flex;
   flex-direction: row;
@@ -520,6 +521,9 @@
     max-width: calc(100vmin - 2rem);
     max-height: calc(80vmin - 1rem);
   }
+  #hootevents .imageList {
+    padding-left: 0;
+  }
   #hootevents .imageList img {
     max-width: calc(100vmin - 2rem);
     max-height: calc(80vmin - 1rem);