Continued work on media scheduler

www/css/channel.css

@@ -249,6 +249,7 @@ span.user-entry{
 #cpanel-pinned-div{
     position: relative;
     scrollbar-width: thin;
+    flex: 0 0;
 }
 
 .cpanel-div{

www/css/panel/queue.css

@@ -20,6 +20,29 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     height: 100%;
 }
 
+#queue-controls{
+    position: absolute;
+    left: 0;
+    right: 0;
+    z-index: 3;
+}
+
+#queue-control-offset{
+    margin-bottom: 2em;
+}
+
+#queue-control-buttons{
+    height: 2em;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+
+#queue-control-buttons button{
+    width: 4em;
+}
+
 #queue{
     display: flex;
     flex: 1;
@@ -58,6 +81,7 @@ div.queue-entry{
     margin: 0 1em;
     right: 0;
     left: 0;
+    cursor:grab;
 }
 
 div.queue-entry a{
@@ -79,4 +103,8 @@ div.queue-entry a{
     right: 0;
     text-align: center;
     font-size: 3em;
+}
+
+.media-tooltip p{
+    margin: 0;
 }

www/css/theme/movie-night.css

@@ -460,6 +460,10 @@ span.emote-list-trash-icon{
     border: 1px solid var(--accent0)
 }
 
+#queue-controls{
+    background-color: var(--bg0-alpha1);
+}
+
 span.queue-marker{
     background-color: var(--accent0);
 }
@@ -477,8 +481,14 @@ div.queue-entry{
     border: 1px solid var(--accent1);
 }
 
-.queue-entry a{
+.queue-entry p{
     color: var(--accent1);
+    margin: 0;
+    text-align: center;
+}
+
+.media-tooltip p{
+    font-family: monospace;
 }
 
 /* altcha theming*/