Continued work on media schedule panel.

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;
 }