diff --git a/playlist/static/img/undo.png b/playlist/static/img/undo.png new file mode 100644 index 0000000..77d5512 Binary files /dev/null and b/playlist/static/img/undo.png differ diff --git a/playlist/static/style.css b/playlist/static/style.css index 63ae710..25a48a3 100644 --- a/playlist/static/style.css +++ b/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; } \ No newline at end of file diff --git a/playlist/templates/Vote.html b/playlist/templates/Vote.html index 8af7e26..65e7a3c 100644 --- a/playlist/templates/Vote.html +++ b/playlist/templates/Vote.html @@ -25,42 +25,13 @@ Stemmen -
-
- Dit vind ik een leuk nummer! - - - - - -
-
- Hoeveel sterren geef jij dit nummer? + Hoeveel sterren geef jij dit?
+ {% if undo %} + +
+ {% csrf_token %} +

Je hebt {{undo.track}} een score van {{undo.points | add:3}} sterren gegeven!

+ +
+ {% endif %}