fix flash style

css/app.css

@@ -1891,17 +1891,6 @@ img.wiki-image {
     border-bottom: 0;
 }
 
-.modal-flash .content {
-    box-shadow: none;
-    border-radius: 4px;
-    background: #111;
-    color: #eee;
-}
-
-.modal-flash .close-modal {
-    display:none;
-}
-
 .loading-modal {
     text-align: center;
 }

data/core.yaml

@@ -202,6 +202,7 @@ en:
   zoom:
     in: Zoom In
     out: Zoom Out
+  cannot_zoom: "Cannot zoom out further in current mode."
   gpx:
     local_layer: "Local GPX file"
     drag_drop: "Drag and drop a .gpx file on the page"

data/locales.js

@@ -249,6 +249,7 @@ locale.en = {
         "in": "Zoom In",
         "out": "Zoom Out"
     },
+    "cannot_zoom": "Cannot zoom out further in current mode.",
     "gpx": {
         "local_layer": "Local GPX file",
         "drag_drop": "Drag and drop a .gpx file on the page"

js/id/renderer/map.js

@@ -127,7 +127,7 @@ iD.Map = function(context) {
         if (Math.log(d3.event.scale / Math.LN2 - 8) < minzoom + 1) {
             iD.ui.flash(context.container())
                 .select('.content')
-                .text('Cannot zoom out further in current mode.');
+                .text(t('cannot_zoom'));
             return setZoom(16, true);
         }