From 08031fc225d7dcd4944e7a1e88a86a64b09db2fa Mon Sep 17 00:00:00 2001
From: Daan Sprenkels <hello@dsprenkels.com>
Date: Fri, 23 Nov 2018 15:58:42 +0100
Subject: [PATCH] Align MM:SS to the right

---
 marietje/marietje/static/js/queue.js        | 2 +-
 marietje/queues/templates/queues/queue.html | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/marietje/marietje/static/js/queue.js b/marietje/marietje/static/js/queue.js
index 6925cc0..2c6303a 100644
--- a/marietje/marietje/static/js/queue.js
+++ b/marietje/marietje/static/js/queue.js
@@ -189,7 +189,7 @@ function renderQueue(playNextAt, now)
 
         $('.queuebody:last-child').append('<tr><td class="artist">' + artist
                 + '</td><td class="title">' + title + '</td><td class="hidden-xs requested-by">' + requestedBy
-                + '</td><td class="hidden-xs plays-at">' + showTime
+                + '</td><td class="hidden-xs plays-at" style="text-align: right;">' + showTime
                 + '</td><td>' + '<a href="#" class="glyphicon glyphicon-arrow-up'
                 + (canMoveSongs && id !== 0 ? '' : ' invisible')
                 + '" onclick="return moveUp(' + song.id
diff --git a/marietje/queues/templates/queues/queue.html b/marietje/queues/templates/queues/queue.html
index a49f189..be7d93c 100644
--- a/marietje/queues/templates/queues/queue.html
+++ b/marietje/queues/templates/queues/queue.html
@@ -56,7 +56,7 @@
                 <th class="col-md-4">Artist</th>
                 <th class="col-md-4">Title</th>
                 <th class="col-md-2 hidden-xs">Requested By</th>
-                <th class="col-md-1 hidden-xs">Time Left</th>
+                <th class="col-md-1 hidden-xs" style="text-align: right;">Time Left</th>
                 <th class="col-md-1 control-icons">Control</th>
             </tr>
         </thead>
@@ -65,7 +65,7 @@
                 <td class="artist"></td>
                 <td class="title"></td>
                 <td class="requested-by hidden-xs"></td>
-                <td class="time-left hidden-xs"></td>
+                <td class="time-left hidden-xs" style="text-align: right;"></td>
                 <td>
                     <a id="skip" href="#"></a>{% if perms.queues.can_control_volume %}&nbsp;&nbsp;&nbsp;&nbsp;<a id="volume-down" class="glyphicon glyphicon-volume-down" href="#"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a id="volume-up" class="glyphicon glyphicon-volume-up" href="#"></a>{% endif %}
                 </td>
@@ -79,7 +79,7 @@
                 <th class="col-md-4">Artist</th>
                 <th class="col-md-4">Title</th>
                 <th class="col-md-2 hidden-xs">Requested By</th>
-                <th id="queue-time-header" class="col-md-1 hidden-xs">Plays At</th>
+                <th id="queue-time-header" class="col-md-1 hidden-xs" style="text-align: right;">Plays At</th>
                 <th class="col-md-1 control-icons">Control</th>
             </tr>
         </thead>