Merge pull request #1519 from craigcook/bug-949610-translation-bar-buttons

Fix bug 949610 - use buttons instead of links in Tabzilla translation bar

bedrock/tabzilla/templates/tabzilla/tabzilla.js

@@ -270,8 +270,8 @@ var Tabzilla = (function (Tabzilla) {
         var bar = self.element = $(
           '<div id="tabzilla-infobar" class="' + self.id + '" role="dialog"><div>'
         + '<p>' + str.message + '</p><ul>'
-        + '<li><a href="#" class="btn-accept" role="button">' + str.accept + '</a></li>'
+        + '<li><button class="btn-accept" type="button">' + str.accept + '</button></li>'
-        + '<li><a href="#" class="btn-cancel" role="button">' + str.cancel + '</a></li>'
+        + '<li><button class="btn-cancel" type="button">' + str.cancel + '</button></li>'
         + '</ul></div></div>').prependTo(panel);
 
         bar.find('.btn-accept').click(function (event) {

media/css/tabzilla/tabzilla.less

@@ -340,6 +340,19 @@
         white-space: nowrap;
         list-style-type: none;
     }
+
+    button {
+        background-color: #f1f8ff;
+        border: 1px solid darken(#f1f8ff, 10%);
+        cursor: pointer;
+        border-radius: 3px;
+
+        &:hover,
+        &:focus {
+            background-color: darken(#f1f8ff, 3%);
+            border-color: darken(#f1f8ff, 13%);
+        }
+    }
 }
 
 // Firefox Flicks Promo