Continued work on media schedule panel.

www/css/channel.css

@@ -242,14 +242,12 @@ span.user-entry{
     top: 0;
     bottom: 0;
     left: 0;
-    overflow-y: auto;
     scrollbar-width: thin;
     width: 75%;
 }
 
 #cpanel-pinned-div{
     position: relative;
-    overflow-y: auto;
     scrollbar-width: thin;
 }
 

www/css/panel.css

@@ -16,6 +16,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 .cpanel-div{
     flex-direction: column;
     overflow: hidden;
+    flex: 1;
 }
 
 .cpanel-header-div{
@@ -37,4 +38,19 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 
 .cpanel-header-icon{
     cursor: pointer;
+}
+
+.cpanel-doc{
+    flex: 1;
+    overflow: auto;
+}
+
+.cpanel-body{
+    display: block;
+    height: 100%;
+}
+
+#cpanel-div{
+    display: flex;
+    height: 100%;
 }

www/css/panel/queue.css

@@ -13,18 +13,36 @@ GNU Affero General Public License for more details.
 
 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
-#queue{
-    position: relative;
-    display: grid;
-    grid-template-columns: auto 75%;
+#queue-panel-layout-controller{
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    height: 100%;
 }
 
+#queue{
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    position: relative;
+}
+
+#queue-container{
+    position: relative;
+    flex-grow: 1;
+}
+
+#queue-marker-container{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    flex-grow: 0.1;
+}
 
 div.queue-marker{
     display: flex;
     flex-direction: row;
     align-items: center;
-    grid-column: 1;
     z-index: 2;
 }
 
@@ -36,12 +54,29 @@ span.queue-marker{
 
 div.queue-entry{
     overflow: hidden;
-    margin: 1.5em 0.5em;
-    grid-column: 2;
+    position: absolute;
+    margin: 0 1em;
+    right: 0;
+    left: 0;
+}
+
+div.queue-entry a{
+    position: relative;
+    z-index: 2;
 }
 
 #time-marker{
     position: absolute;
     height: 1px;
     width: 100%;
+    z-index: 1;
+}
+
+#queue-marker-scale-label{
+    position: absolute;
+    top: 25%;
+    left: 0;
+    right: 0;
+    text-align: center;
+    font-size: 3em;
 }

www/css/theme/movie-night.css

@@ -47,6 +47,8 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     --danger-glow0: 2px 2px 3px var(--danger0), -2px 2px 3px var(--danger0), 2px -2px 3px var(--danger0), -2px -2px 3px var(--danger0);
     --danger-glow0-alt1: 2px 2px 3px var(--danger0-alt1), -2px 2px 3px var(--danger0-alt1), 2px -2px 3px var(--danger0-alt1), -2px -2px 3px var(--danger0-alt1);
 
+    --timer-glow: -2px 1px 3px var(--danger0-alt1), 2px -1px 3px var(--danger0-alt1);
+
     --userlist-color0:rgb(63, 121, 71);
     --userlist-color1:rgb(143, 46, 26);
     --userlist-color2:rgb(51, 101, 161);
@@ -464,12 +466,13 @@ span.queue-marker{
 
 #time-marker{
     background-color: var(--danger0);
+    box-shadow: var(--timer-glow);
 }
 
 div.queue-entry{
     margin: 0.2em;
     padding: 0 0.7em;
-    border-radius: 1em;
+    border-radius: 0.3em;
     background-color: var(--bg1);
     border: 1px solid var(--accent1);
 }