Made the about window prettier

predict/css/pred.css

@@ -41,18 +41,6 @@ a { text-decoration: underline; color: #333; cursor: pointer; }
     display: none;
 }
 
-#about_window {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    width: 500px;
-    margin-left: -250px;
-    margin-top: -120px;
-    padding: 1em;
-    text-align: center;
-    display: none;
-}
-
 #location_save {
     position: absolute;
     left: 50%;

predict/index.php

@@ -102,7 +102,7 @@ Site Name: <input type="text" name="req_name" id="req_name" size="10"><br />
 </div>
 
 <!-- the about window -->
-<div id="about_window" class="box">
+<div id="about_window">
 <b>Cambridge University Spaceflight Landing Predictor (<a href="http://github.com/jonsowman/cusf-standalone-predictor" target="_blank">github</a>)</b>
 <br /><br />
 A tool to predict the flight path and landing location of latex sounding balloons.
@@ -111,8 +111,6 @@ Written by <a href="http://github.com/jonsowman" target="_blank">Jon Sowman</a>
 Credit also to <a href="http://github.com/rjw57" target="_blank">Rich Wareham</a> for work on the predictor. Some parts of code taken from old landing prediction software, credit to Rob Anderson, Fergus Noble and Ed Moore.
 <br /><br />
 No guarantee is given for the accuracy, precision or reliability of the data produced by this software, and you use it entirely at your own risk. For more information, see #highaltitude on irc.freenode.net.
-<br /><br />
-<a id="about_window_close">Close</a>
 </div>
 
 <div id="input_form" class="box"> 

predict/js/pred.js

@@ -28,6 +28,7 @@ $(document).ready(function() {
     $("#input_form").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
     $("#scenario_info").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
     $("#run_pred_btn").button();
+    $("#req_sub_btn").button();
 
     // see if we want an old prediction displayed
     if ( current_uuid != '0' ) {
@@ -598,11 +599,16 @@ function setupEventHandlers() {
     $("#closeErrorWindow").click(function() {
         $("#error_window").fadeOut();
     });
-    $("#about_window_close").click(function() {
-        $("#about_window").fadeOut();
-    });
     $("#about_window_show").click(function() {
-        $("#about_window").fadeIn();
+        $("#about_window").dialog({
+            modal:true,
+            width:400,
+            buttons: {
+                Close: function() {
+                        $(this).dialog('close');
+                    }
+            }
+        });
     });
     $("#delta_lat").change(function() {
         drawDeltaSquare(map);