MAPG-172 make variable local

MAPG-172 don't close the cookie DIV if not the agree button was clicked

public/static/css/map_editor.css

@@ -16,6 +16,8 @@
 
 #noPano {
     display: flex;
+    justify-content: center;
+    align-items: center;
     position: absolute;
     z-index: 2;
     visibility: hidden;
@@ -23,7 +25,7 @@
 }
 
 #noPano>p {
-    margin: auto;
+    text-align: center;
 }
 
 #control {

views/templates/main_footer.php

@@ -17,7 +17,7 @@
     <?php if (!isset($_COOKIE['COOKIES_CONSENT'])): ?>
         <script>
             (function () {
-                MapGuesser = {
+                var MapGuesser = {
                     cookiesAgreed: false,
 
                     agreeCookies: function () {
@@ -29,10 +29,13 @@
                         document.cookie = 'COOKIES_CONSENT=1; expires=' + expirationDate + '; path=/';
 
                         MapGuesser.cookiesAgreed = true;
-                        document.getElementById('cookiesNotice').style.display = 'none';
                     }
                 };
 
+                document.getElementById('agreeCookies').onclick = function () {
+                    document.getElementById('cookiesNotice').style.display = 'none';
+                };
+
                 window.onclick = function () {
                     MapGuesser.agreeCookies();
                 };

views/templates/main_header.php

@@ -25,9 +25,9 @@
     <?php if (!isset($_COOKIE['COOKIES_CONSENT'])): ?>
         <div id="cookiesNotice">
             <p class="small">
-                <?= $_ENV['APP_NAME'] ?> uses cookies to improve user experience. By using the app or clicking I agree, you consent to our use of cookies.
+                <?= $_ENV['APP_NAME'] ?> uses cookies to improve user experience. By using the app or clicking 'Agree', you consent to our use of cookies.
             </p>
-            <button id="agreeCookies" class="small marginTop">I agree</button>
+            <button id="agreeCookies" class="small marginTop">Agree</button>
         </div>
     <?php endif; ?>
     <div id="loading">