Add spinner to the version loading screen

assets/css/main.css

@@ -3993,7 +3993,7 @@ input, select, textarea {
 	}
 
 	/* This is the class name given by the Font Awesome component when icon contains 'spinner' */
-	.features section .fa-spinner {
+	section .fa-spinner {
 		/* Apply 'spinner' keyframes looping once every second (1s)  */
 		animation: spin 2s linear infinite;
 		display: inline-block;

index.html

@@ -43,6 +43,7 @@
 
  <!--<h1>Firmware Loader</h1>-->
  <p>Available Firmwares:
+    <span class="icon fa-spinner" style="position: absolute; left: 48%; top: 42%;" id="fwVersionsSpinner"></span>
     <select name="firmwares" class="select" id="versionsSelect" size="10" width="20" onClick="refreshBasetunes();"></select>
     <ul class="actions">
         <li><input type='button' id="btnChoosePort" value="Choose Port" onclick="window.location.href='#port';" /></li>

renderer.js

@@ -185,6 +185,11 @@ function refreshAvailableFirmwares()
                 select.appendChild(newOption);
             }
             select.selectedIndex = 0;
+
+            //Remove the loading spinner
+            loadingSpinner = document.getElementById("fwVersionsSpinner");
+            loadingSpinner.style.display = "none";
+
             refreshBasetunes();
 
             //Re-enable the buttons