Shrink and move recovery notice a little, only disable after clicked.

Author: Mark Jessop

index.template.html

@@ -413,8 +413,8 @@ <h2><i class="icon-car rfloat"></i>Chase Mode</h2>
             <div id="zoom_warning" class="lfloat slickbox" style="width:250px; bottom: 0px;   left: 50%; transform: translate(-50%, -50%);">
                 <div style="width:250px">Zoom in for realtime data!</div>
             </div>
-            <div id="recovery_notice" class="lfloat slickbox" onclick="show_recoveries();" style="width:270px; bottom: 0px; left: 50%; transform: translate(-50%, -50%); display:none;">
-                <div style="width:270px"><b>Click here to report a sonde recovery!</b></div>
+            <div id="recovery_notice" class="lfloat slickbox" onclick="show_recoveries();" style="width:225px; bottom: 35px; left: 50%; transform: translate(-50%, -50%); display:none;">
+                <div style="width:225px"><b>Please report recovered sondes!</b></div>
             </div>
         </div>
         <div id="timebox" class="present slickbox animate" style="display: none">

js/sondehub.js

@@ -1535,22 +1535,32 @@ function recoveryPopup(){
 
                 // If we're here, then we either don't have a valid viewer location,
                 // Or the viewer is within 500km. Show the popup.
-                //console.log("Triggering Recovery Popup.")
-                document.getElementById("recovery_notice").style.display = "block";
-                // Don't re-activate the popup again
-                recovery_popup = false;
+                var recoveryNotice = document.getElementById("recovery_notice");
+                if (recoveryNotice) {
+                    recoveryNotice.style.display = "block";
+                }                
                 return;
             }
         }
-        document.getElementById("recovery_notice").style.display = "none";
-}
+        var recoveryNotice = document.getElementById("recovery_notice");
+        if (recoveryNotice) {
+            recoveryNotice.style.display = "none";
+        }    
+    }
 
 function show_recoveries(){
+    // Open the recovery reporting tab
     if ($("#recoveriesbox").is(':visible') == false){
         $('.nav .recoveries').click();
     }
 
-    document.getElementById("recovery_notice").style.display = "none";
+    // Hide the recovery notice
+    var recoveryNotice = document.getElementById("recovery_notice");
+    if (recoveryNotice) {
+        recoveryNotice.style.display = "none";
+    }
+
+    // Don't show the recovery notice again.
     recovery_popup = false;
 }