Started work on personal emotes.

www/css/channel.css

@@ -216,7 +216,6 @@ span.user-entry{
 #chat-panel-user-count{
     white-space: nowrap;
     user-select: none;
-    cursor:pointer;
 }
 
 #media-panel-show-chat-icon{

www/css/global.css

@@ -69,6 +69,11 @@ div.dynamic-container{
     overflow: auto;
 }
 
+.interactive{
+    cursor: pointer;
+    user-select: none;
+}
+
 /* Navbar */
 #navbar{
     display: flex;

www/css/panel/emote.css

@@ -22,10 +22,10 @@
 div.emote-panel-list-emote{
     width: 9em;
     display: flex;
+    position: relative;
     flex-direction:  column;
     padding: 0.5em 0;
     margin: 0.5em;
-    user-select: none;
     cursor: pointer;
 }
 
@@ -43,6 +43,7 @@ p.emote-list-title{
     max-height: 8em;
     max-width: 8em;
     margin: auto;
+    object-fit: contain;
 }
 
 .emote-list-big-media{
@@ -62,4 +63,20 @@ div.panel-control-prompt{
 
 #new-emote-button{
     margin-left: 0.3em;
+}
+
+span.emote-list-trash-icon{
+    position: absolute;
+    display: flex;
+    width: 1.5em;
+    height: 1.5em;
+    border-radius: 1em;
+    top: -0.5em;
+    right: -0.5em;
+}
+
+i.emote-list-trash-icon{
+    flex: 1;
+    text-align: center;
+    margin: auto;
 }

www/css/theme/movie-night.css

@@ -365,4 +365,9 @@ div.emote-panel-list-emote{
     text-shadow: var(--focus-glow0-alt0);
     border: 1px solid var(--focus0-alt1);
     box-shadow: var(--focus-glow0-alt0), var(--focus-glow0-alt0-inset);
+}
+
+span.emote-list-trash-icon{
+    background-color: var(--bg2);
+    border: 1px solid var(--accent0)
 }