vote undo

todo: only accept undo endpoint when allowed

playlist/static/style.css

@@ -12,7 +12,7 @@ body {
 	min-height: 520px;
 	width:560px;
 	overflow-y:scroll;
-	overflow-x:visible;
+	overflow-x:hidden;
 	display: flex;
 	flex-flow: column nowrap;
 	justify-content: space-between;
@@ -22,6 +22,8 @@ body {
 	#main-window {
 		margin: 0;
 		transform: none !important;
+		left: 0;
+		width: calc(100% - 6px);
 	}
 }
 
@@ -71,7 +73,6 @@ input[type=submit] {
 	height: 32px;
 	padding: 16px;
 	background-position: center center;
-	background-attachment: fixed;
 	background-repeat: no-repeat;
 	background-image: url('img/check.png');
 }
@@ -89,12 +90,6 @@ input[type=submit] {
 	background-image: url('img/warning.png');
 }
 
-@media (max-width: 600px) {
-	.window:not([role="tabpanel"]) {
-		left: 0;
-		width: calc(100% - 6px);
-	}
-}
 
 .window {
 	flex-grow: 1;
@@ -255,6 +250,13 @@ input[type="range"]::-moz-range-thumb {
 	width: 128px;
 }
 
+#vote-stars {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: space-between;
+	align-items: center;
+}
+
 #vote-stars .star-wrapper {
 	height: 31px;
 	width:160px;
@@ -278,4 +280,26 @@ input[type="range"]::-moz-range-thumb {
 
 #vote-stars a:hover ~ a {
 	background-image: url(img/star-inactive.png) !important;
+}
+
+.undo-wrapper {
+	display: flex;
+	flex-flow: row nowrap;
+	justify-content: center;
+	text-align: center;
+	flex-grow: 1;
+	align-items: center;
+}
+
+.undo-wrapper p {
+	flex-grow: 1;
+	padding: 0 5px;
+}
+
+.undo {
+	background-image: url(img/undo.png);
+	background-repeat: no-repeat;
+	background-position: 50% 0;
+	padding: 32px 0 4px 0;
+	height: 50px;
 }