From 842f6816aefbc954909472f8b703c54738f17abe Mon Sep 17 00:00:00 2001
From: Rob Loach <robloach@gmail.com>
Date: Sun, 11 Sep 2016 00:19:18 -0400
Subject: [PATCH] emscripten: use the fa-spin class

---
 pkg/emscripten/proto.css  | 15 ---------------
 pkg/emscripten/proto.html |  2 +-
 pkg/emscripten/proto.js   |  6 +++---
 3 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/pkg/emscripten/proto.css b/pkg/emscripten/proto.css
index bd58c5148b..0f7433d257 100644
--- a/pkg/emscripten/proto.css
+++ b/pkg/emscripten/proto.css
@@ -54,21 +54,6 @@ canvas.webplayer {
   outline: none;
 }
 
-.fa.spinning {
-    animation: spin 1s infinite linear;
-    -webkit-animation: spin2 1s infinite linear;
-}
-
-@keyframes spin {
-    from { transform: scale(1) rotate(0deg); }
-    to { transform: scale(1) rotate(360deg); }
-}
-
-@-webkit-keyframes spin2 {
-    from { -webkit-transform: rotate(0deg); }
-    to { -webkit-transform: rotate(360deg); }
-}
-
 textarea {
     font-family: monospace;
     font-size: 0.7em;
diff --git a/pkg/emscripten/proto.html b/pkg/emscripten/proto.html
index 25cd3fe657..6932d169cc 100644
--- a/pkg/emscripten/proto.html
+++ b/pkg/emscripten/proto.html
@@ -107,7 +107,7 @@
       <div class="row">
          <div class="col-sm-12 form-group btn-group text-xs-center p-t-2" id="openrom">
             <button class="btn btn-primary disabled" id="btnRun" onclick="startRetroArch()">
-               <span class="fa fa-spinner spinning" id="icnRun"></span> Run
+               <span class="fa fa-spinner fa-spin" id="icnRun"></span> Run
             </button>
             <button class="btn btn-primary disabled" id="btnAdd" onclick="document.getElementById('btnRom').click()">
                <span class="fa fa-plus" id="icnAdd"></span> Add Content
diff --git a/pkg/emscripten/proto.js b/pkg/emscripten/proto.js
index 078aa10e7f..3b166dc496 100644
--- a/pkg/emscripten/proto.js
+++ b/pkg/emscripten/proto.js
@@ -50,7 +50,7 @@ function dropboxInit()
   document.getElementById('btnRun').disabled = true;
   document.getElementById('btnDrop').disabled = true;
   $('#icnDrop').removeClass('fa-dropbox');
-  $('#icnDrop').addClass('fa-spinner spinning');
+  $('#icnDrop').addClass('fa-spinner fa-spin');
   
 
   client.authDriver(new Dropbox.AuthDriver.Redirect());
@@ -66,7 +66,7 @@ function dropboxInit()
 function success()
 {
   document.getElementById('btnRun').disabled = false;
-  $('#icnDrop').removeClass('fa-spinner spinning');
+  $('#icnDrop').removeClass('fa-spinner').removeClass('fa-spin');
   $('#icnDrop').addClass('fa-check');
   console.log("WEBPLAYER: Sync successful");
   setupFileSystem("dropbox");
@@ -311,7 +311,7 @@ $(function() {
 
     // Activate the Start RetroArch button.
     $('#btnRun').removeClass('disabled');
-    $('#icnRun').removeClass('fa-spinner spinning');
+    $('#icnRun').removeClass('fa-spinner').removeClass('fa-spin');
     $('#icnRun').addClass('fa-play');
 
     if (localStorage.getItem("backend") == "dropbox")