Changed the place of the play button

diff --git a/telemeta/templates/telemeta/lists.html b/telemeta/templates/telemeta/lists.html
index 7207d765356f9376c2d152666dc3f006dbdb5824..9c8725c9dde00b97b06ad8348033daf500136274 100644 (file)
--- a/telemeta/templates/telemeta/lists.html
+++ b/telemeta/templates/telemeta/lists.html
@@ -164,6 +164,7 @@
         <table id="{{playlist.playlist.public_id}}tb" class="listing" width="100%">
             <thead>
             <tr>
+                <th></th>
                 <th class="highlight" style="max-width:200px;">{% trans "Title" %}</th>
                 <th>{% trans "Type" %}</th>
                 <th style="max-width:200px">{% trans "Code" %}</th>
@@ -176,6 +177,11 @@
             <tbody>
             {% for resource in playlist.resources %}
             <tr {% if not forloop.counter0|divisibleby:"2" %}class="odd"{% endif %}>
+                <td align="center" style="vertical-align:middle;">
+                    {% if resource.element.file or resource.element.has_mediafile %}
+                    <a href="#" id="{% url 'telemeta-item-export' resource.element.public_id 'mp3' %}" onclick="playlistUtils.changeGlyph(this.id)" class="glyphicon glyphicon-play" style="font-size: 1.3em;text-decoration: none"><p style="opacity:0;font-size:0">d</p></a>
+                    {% endif %}
+                </td>
                 <td style="max-width:200px">
                     {% if resource.type == "item" and not resource.element == None %}
                     <a href="{% url "telemeta-item-detail" resource.element.public_id %}">{{ resource.element }}</a>
@@ -205,15 +211,12 @@
                     {% endif %}
                     {% endif %}
                 </td>
-                <td style="vertical-align:middle">
+                <td align="center" style="vertical-align:middle;">
                     {% if resource.element.file or resource.element.has_mediafile %}
                         <span class="glyphicon glyphicon-ok" style="font-size: 1.3em;color: green;"><p style="opacity:0;font-size:0">d</p></span>
                     {% endif %}
                 </td>
                 <td align="center" style="vertical-align:middle;">
-                    {% if resource.element.file or resource.element.has_mediafile %}
-                        <a href="#" id="{% url 'telemeta-item-export' resource.element.public_id 'mp3' %}" onclick="playlistUtils.changeGlyph(this.id)" class="glyphicon glyphicon-play" style="font-size: 1.3em;text-decoration: none"><p style="opacity:0;font-size:0">d</p></a>
-                    {% endif %}
                     <a href="#" onclick="if(confirm(gettrans('delete the resource from the playlist permanently?'))){playlistUtils.removeResource('{{resource.public_id}}');};return false;">
                         <span class="glyphicon glyphicon-trash" style="font-size: 1.3em;color: black;"><p style="opacity:0;font-size:0">d</p></span>
                     </a>