backoffice: use a <button/> for refreshing listings (#5674)

wcs/backoffice/root.py

@@ -574,7 +574,7 @@ class FormPage(Directory):
                 r += htmltext('%s</option>') % filter_label
             r += htmltext('</select>')
 
-        r += htmltext('<input type="submit" class="refresh" value="%s"/>') % _('Refresh')
+        r += htmltext('<button class="refresh">%s</button>') % _('Refresh')
 
         r += htmltext('<button id="columns-settings">%s</button>') % _('Columns Settings')
         r += htmltext('<div style="display: none";>')

wcs/qommon/static/css/dc2/admin.css

@@ -172,6 +172,10 @@ div.WorkflowStatusWidget {
 	border-left: 1px solid black;
 }
 
+button.refresh {
+	margin: 1ex 1ex 1ex 0;
+}
+
 /** steps **/
 #steps {
 	height: 32px;

wcs/qommon/static/js/wcs.listing.js

@@ -98,7 +98,7 @@ $(function() {
             title: $('#columns-settings').text(),
             width: '30em'});
     $(dialog).dialog('option', 'buttons', [
-            {text: $('form#listing-settings input.refresh').val(),
+            {text: $('form#listing-settings button.refresh').text(),
              click: function() {
                 $(this).find('input[type="checkbox"]').each(function(idx, elem) {
                 $('form#listing-settings input[name="' + $(elem).attr('name') + '"]').prop('checked',