diff --git a/public_html/script.js b/public_html/script.js
index 22f19f0..821e9fa 100644
--- a/public_html/script.js
+++ b/public_html/script.js
@@ -219,6 +219,19 @@ function initialize() {
minHeight: 50
});
+ $('#close-button').on('click', function() {
+ if (SelectedPlane !== null) {
+ var selectedPlane = Planes[SelectedPlane];
+ SelectedPlane = null;
+ selectedPlane.selected = null;
+ selectedPlane.clearLines();
+ selectedPlane.updateMarker();
+ refreshSelected();
+ refreshHighlighted();
+ $('#selected_infoblock').hide();
+ }
+ });
+
// this is a little hacky, but the best, most consitent way of doing this. change the margin bottom of the table container to the height of the overlay
$('#selected_infoblock').on('resize', function() {
$('#sidebar_canvas').css('margin-bottom', $('#selected_infoblock').height() + 'px');
@@ -1540,7 +1553,7 @@ function setSelectedInfoBlockVisibility() {
else {
$('#selected_infoblock').hide();
$('#sidebar_canvas').css('margin-bottom', 0);
- }
+ }
}
// Reposition selected plane info box if it overlaps plane marker
diff --git a/public_html/style.css b/public_html/style.css
index e8777fc..43fd2ce 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -136,6 +136,20 @@ html, body {
background-image: url("images/toggle-height@2x.png");
background-size: cover;
}
+#close-button {
+ display: inline-block;
+ position: absolute;
+ top: 5px;
+ color: #00A0E2;
+ right: 30px;
+ margin-left: auto;
+ font-size: 75%;
+ text-decoration: underline;
+ cursor: pointer;
+ background: #fff;
+ padding: 3px;
+ border-radius: 2px;
+}
.ol-zoom-in {
background-image: url("images/zoom-in.png");
@@ -698,6 +712,12 @@ select.error, textarea.error, input.error {
color: #002F5D;
line-height: 18px;
}
+.selected_airframe {
+ padding-top: 75px;
+}
+.selected_airframe a {
+ color: #002F5D;
+}
.infoblock-container-small .infoRowFluid {
display: block;