Use dark style for zoom in message now that it's not on sidebar

css/80_app.css

@@ -3637,20 +3637,20 @@ img.tile-removing {
 
 .notice .zoom-to {
     margin: auto;
-    width: 80%;
+    width: 300px;
     height: 80px;
-    border-radius: 5px;
-    line-height: 40px;
-    color: #000;
-    opacity: 0.9;
+    font-size: 150%;
+    border-radius: 8px;
 }
 
 .notice .zoom-to:hover {
-    background: #d8e1ff;
+    background: rgba(0,0,0,0.6);
 }
 
 .notice .zoom-to .icon {
-    margin-top: 10px;
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
     margin-right: 10px;
 }
 [dir='rtl'] .notice .zoom-to .icon {

dist/locales/en.json

@@ -5507,6 +5507,13 @@
                 "description": "Standard DigitalGlobe satellite imagery.",
                 "name": "DigitalGlobe Standard Imagery"
             },
+            "EsriWorldImagery": {
+                "attribution": {
+                    "text": "Terms & Feedback"
+                },
+                "description": "Esri world imagery.",
+                "name": "Esri World Imagery"
+            },
             "MAPNIK": {
                 "attribution": {
                     "text": "© OpenStreetMap contributors, CC-BY-SA"

modules/ui/notice.js

@@ -12,7 +12,7 @@ export function uiNotice(context) {
 
         var button = div
             .append('button')
-            .attr('class', 'zoom-to notice')
+            .attr('class', 'zoom-to notice fillD')
             .on('click', function() { context.map().zoom(context.minEditableZoom()); });
 
         button