Nicer navigation bar

html/translate.html

@@ -16,8 +16,10 @@
 <h2>{% trans "Translate" %}</h2>
 
 <p>{% blocktrans with unit.position as position %}Showing string {{ position }} out of {{ total }}.{% endblocktrans %}
+<span class="navi">
 <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>
+</span>
 </p>
 
 <form action="{{ unit.translation.get_translate_url }}" method="post">

media/js/loader.js

@@ -4,8 +4,9 @@ $(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" }});
+    $('.navi').buttonset();
+    $('.button-next').button({text: false, icons: { primary: "ui-icon-seek-next" }});
+    $('.button-prev').button({text: false, icons: { primary: "ui-icon-seek-prev" }});
     $('#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) {