Fix responsive close image

website/static/css/style.css

@@ -140,6 +140,7 @@ ul.ui-autocomplete {
     right: 0;
     padding: 6px 19px 19px 19px;
     cursor: pointer;
+    z-index: 10;
 }
 /* Custom Responsive Classes */
 /* xs */

website/static/js/grid.js

@@ -134,8 +134,8 @@ $(document).ready(function() {
             $(this).slideUp(350);
         } 
     });
-    $('#info-body').click(function() {
-        $(this).slideUp(350);
+    $('#info-close').click(function() {
+        $('#info-body').slideUp(350);
     });
     $(document).on('click', '.grid-box', function() {
         // If the user clicks on the same box twice it will close the info menu

whats_open/templates/base.html

@@ -54,7 +54,7 @@
             <div id="info-body">
 	            <div class="container" id="info-container">
 		            <div class="row">
-    		            <img src="{{ STATIC_URL }}img/close.png" id="info-close">
+    		            <a id="info-close"><img src="{{ STATIC_URL }}img/close.png"></a>
 			            <div class="col-md-12" id="info-name"></div>
 			            <div class="col-md-3" id="info-status"></div>
 			            <div class="col-md-3" id="info-next"></div>