From 2c53674c385fa0f5d5ef8252353eb81377010ff9 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Sun, 17 Sep 2017 00:38:38 -0400
Subject: [PATCH] Use dark style for zoom in message now that it's not on
 sidebar

---
 css/80_app.css       | 14 +++++++-------
 dist/locales/en.json |  7 +++++++
 modules/ui/notice.js |  2 +-
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 81ad7dc16..35592615b 100644
--- a/css/80_app.css
+++ b/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 {
diff --git a/dist/locales/en.json b/dist/locales/en.json
index 98ea19cf7..00a45a501 100644
--- a/dist/locales/en.json
+++ b/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"
diff --git a/modules/ui/notice.js b/modules/ui/notice.js
index db8ff9970..175e22f7f 100644
--- a/modules/ui/notice.js
+++ b/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