Consistent placing for next/prev buttons

html/translate.html

@@ -15,7 +15,10 @@
 
 <h2>{% trans "Translate" %}</h2>
 
-<p>{% blocktrans with unit.position as position %}Showing string {{ position }} out of {{ total }}.{% endblocktrans %}</p>
+<p>{% blocktrans with unit.position as position %}Showing string {{ position }} out of {{ total }}.{% endblocktrans %}
+<a class="button-prev" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}&amp;dir=back">{% trans "Previous" %}</a>
+<a class="button-next" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}">{% trans "Next" %}</a>
+</p>
 
 <form action="{{ unit.translation.get_translate_url }}" method="post">
 {% csrf_token %}
@@ -67,10 +70,7 @@
 <th>{% trans "Flags" %}</th>
 <td>{{ unit.flags }}</td>
 </tr>
-<tr><td class="right">
-<a class="button" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}&amp;dir=back">{% trans "Previous" %}</a>
-<a class="button" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}">{% trans "Next" %}</a>
-</td><td>
+<tr><td></td><td>
 {% if user.is_authenticated %}
 <input class="button" type="submit" value="{% trans "Save" %}" name="save" />
 {% else %}

media/css/style.css

@@ -71,9 +71,10 @@ td.translator textarea {
 td.suggestions table {
     width: 100%
 }
-#copy-text {
+#copy-text, .button-prev, .button-next {
     width: 20px;
     height: 20px;
+    display: inline-block;
 }
 .helptext {
     font-size: smaller;

media/js/loader.js

@@ -4,6 +4,8 @@ $(document).ready(function(){
     $('ul.breadcums').buttonset();
     $('.sug-accept').button({text: false, icons: { primary: "ui-icon-check" }});
     $('.sug-delete').button({text: false, icons: { primary: "ui-icon-close" }});
+    $('.button-next').button({text: false, icons: { primary: "ui-icon-triangle-1-e" }});
+    $('.button-prev').button({text: false, icons: { primary: "ui-icon-triangle-1-w" }});
     $('#id_target').change(function f() {$('#id_fuzzy').attr('checked', false);}).focus();
     $('#copy-text').button({text: false, icons: { primary: "ui-icon-arrowthick-1-s" }}).click(function f() {
         $.get("/js/get/" + $('#id_checksum').attr('value') + '/', function(data) {