Restyle flash modal. Fixes #458

css/app.css

@@ -940,6 +940,17 @@ div.typeahead a:first-child {
     display: block;
 }
 
+.modal-flash .content {
+    box-shadow: none;
+    border-radius: 4px;
+    background: #111;
+    color: #eee;
+}
+
+.modal-flash .close-modal {
+    display:none;
+}
+
 .changeset-list li {
     border-top:1px solid #ccc;
     padding:5px 10px;

js/id/ui/flash.js

@@ -1,7 +1,7 @@
 iD.ui.flash = function() {
     var modal = iD.ui.modal();
 
-    modal.select('.modal').classed('modal-alert', true);
+    modal.select('.modal').classed('modal-flash', true);
 
     modal.select('.content')
         .classed('modal-section', true)
@@ -13,7 +13,7 @@ iD.ui.flash = function() {
     setTimeout(function() {
         modal.remove();
         return true;
-    }, 1000);
+    }, 1500);
 
     return modal;
 };

js/id/ui/geocoder.js

@@ -13,6 +13,7 @@ iD.ui.geocoder = function() {
                 if (!resp.results.length) {
                     return iD.ui.flash()
                         .select('.content')
+                        .append('h3')
                         .text('No location found for "' + resp.query[0] + '"');
                 }
                 var bounds = resp.results[0][0].bounds;

js/id/ui/inspector.js

@@ -178,6 +178,7 @@ iD.ui.inspector = function() {
                         } else {
                             iD.ui.flash()
                                 .select('.content')
+                                .append('h3')
                                 .text('This is no documentation available for this tag combination');
                         }
                     });
@@ -195,6 +196,7 @@ iD.ui.inspector = function() {
                         } else {
                             iD.ui.flash()
                                 .select('.content')
+                                .append('h3')
                                 .text('This is no documentation available for this key');
                         }
                     });