fixed the way the loading gif is displayed

heliosbooth/css/booth.css

@@ -103,4 +103,7 @@ h3 {
 #election_hash {
   font-family: courier;
 }
+
+#loading_div {
+  display: none;
 }
\ No newline at end of file

heliosbooth/templates/seal.html

@@ -31,7 +31,7 @@ You will then be guided to re-encrypt your choices for final casting.
 Once you click "Proceed", Helios will remember only your encrypted vote. Thus, only you know your vote.</p>
 
 <button id="proceed_button" onclick="BOOTH.cast_ballot();">Proceed to Submission</button><br />
-<div id="loading_div"></div>
+<div id="loading_div"><img src="loading.gif" id="proceed_loading_img" /></div>
 
 
 

heliosbooth/vote.html

@@ -563,7 +563,7 @@ BOOTH.post_audited_ballot = function() {
 
 BOOTH.cast_ballot = function() {
     // show progress spinner
-    $('#loading_div').html('<img src="loading.gif" id="proceed_loading_img" />');
+    $('#loading_div').show();
     $('#proceed_button').attr('disabled', 'disabled');
 
     // at this point, we delete the plaintexts by resetting the ballot