dummy knopjes

playlist/static/style.css

@@ -185,6 +185,10 @@ iframe {
 	height: 22px;
 }
 
+#media-control {
+	display:flex;
+}
+
 
 #media-control button {
 	min-width: 0;
@@ -196,10 +200,18 @@ iframe {
 	box-shadow:none;
 }
 
-#media-control:not(.waiting) button:hover {
+#media-control:not(.waiting) button:not(.dummy):hover {
 	box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf
 }
 
+#media-control .spacer {
+	display: inline-block;
+	height: 24px;
+	width: 1px;
+	margin: 4px 5px;
+	background: gray;
+}
+
 #media-control button#play {
 	background-image:url(img/play.svg);
 }
@@ -222,6 +234,22 @@ iframe {
 	background-image:url(img/stop-inactive.svg);
 }
 
+#media-control button#prev {
+	background-image:url(img/prev.svg);
+}
+#media-control button#back {
+	background-image:url(img/back.svg);
+}
+#media-control button#forward {
+	background-image:url(img/forward.svg);
+}
+#media-control button#next {
+	background-image:url(img/next.svg);
+}
+#media-control button#eject {
+	background-image:url(img/eject.svg);
+}
+
 /* Clippy */
 .clippy {
 	position: fixed;