baculum: Fix problem with shaking spinning icons on Firefox

diff --git a/gui/baculum/protected/Web/JavaScript/misc.js b/gui/baculum/protected/Web/JavaScript/misc.js
index 61185d656dcc6e4a8add80b7a12e72c26e7fb4a4..e4246f029affbb4a6bb170764d72eb30a3ef105a 100644 (file)
--- a/gui/baculum/protected/Web/JavaScript/misc.js
+++ b/gui/baculum/protected/Web/JavaScript/misc.js
@@ -977,7 +977,18 @@ function set_sbbr_compatibility() {
        }
 }
 
+function set_icon_css() {
+       /**
+        * Problem with shaking web font icons on Firefox.
+        * Workaround to solve shaking effect in spinning elements on Firefox.
+        * Note, both using w3-spin and fa-spin causes shaking, but only disabling
+        * for a micro time this effect (css) solves this issue.
+        */
+       $('.w3-spin').removeClass('w3-spin').addClass('fa-spin');
+}
+
 $(function() {
        W3SideBar.init();
        set_sbbr_compatibility();
+       set_icon_css();
 });