Added button to close Map controls.

css/80_app.css

@@ -2727,12 +2727,12 @@ div.full-screen > button:hover {
     position: fixed;
     top: 60px;
     bottom: 30px;
-    padding: 20px 50px 20px 20px;
+    padding: 5px 35px 5px 5px;
     right: 0;
     overflow: auto;
 }
 [dir='rtl'] .map-overlay.content {
-    padding: 20px 20px 20px 50px;
+    padding: 5px 5px 5px 35px;
     left: 0;
     right: auto !important;
 }

modules/ui/background.js

@@ -350,6 +350,11 @@ export function uiBackground(context) {
             .call(svgIcon('#icon-layers', 'light'))
             .call(paneTooltip);
 
+        pane
+            .append('button')
+            .on('click', function() { uiBackground.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
         pane
             .append('h2')
             .text(t('background.title'));

modules/ui/help.js

@@ -382,6 +382,11 @@ export function uiHelp(context) {
             .call(tooltipBehavior);
         var shown = false;
 
+        pane
+            .append('button')
+            .on('click', function() { uiHelp.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
 
         var toc = pane
             .append('ul')

modules/ui/map_data.js

@@ -457,6 +457,11 @@ export function uiMapData(context) {
             .call(paneTooltip);
 
 
+        pane
+            .append('button')
+            .on('click', function() { uiMapData.hidePane(); })
+            .call(svgIcon('#icon-close'));
+
         pane
             .append('h2')
             .text(t('map_data.title'));