From 5aa519affb211d9677beb6db6df8f07f59d0286a Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Fri, 10 Feb 2017 21:50:31 -0500
Subject: [PATCH] Flash style adjustments

---
 css/app.css         | 7 ++++++-
 modules/ui/flash.js | 4 ++--
 modules/ui/init.js  | 3 +--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/css/app.css b/css/app.css
index d329116b3..43ce8fd03 100644
--- a/css/app.css
+++ b/css/app.css
@@ -566,13 +566,18 @@ button.save.has-count .count::before {
 
 #flash {
     position: absolute;
-    left: 300px;
     top: 65px;
     z-index: 1;
+    width: 100%;
+    display: flex;
+    flex-flow: column wrap;
 }
 
 #flash .content {
+    margin: 0 auto;
     padding: 10px;
+    max-width: 50%;
+    border-radius: 3px;
 }
 
 /* Header for modals / panes
diff --git a/modules/ui/flash.js b/modules/ui/flash.js
index 37ae1c66b..86aee4727 100644
--- a/modules/ui/flash.js
+++ b/modules/ui/flash.js
@@ -10,7 +10,7 @@ export function uiFlash() {
 
     content = content.enter()
         .append('div')
-        .attr('class', 'content')
+        .attr('class', 'content fillD')
         .merge(content);
 
     if (timeout) {
@@ -22,7 +22,7 @@ export function uiFlash() {
             .transition()
             .duration(250)
             .style('opacity', 0)
-            .style('transform', 'scaleY(.25)')
+            .style('transform', 'scaleY(.1)')
             .on('end', function() {
                 content.remove();
                 timeout = null;
diff --git a/modules/ui/init.js b/modules/ui/init.js
index 0fa1b6fcb..db5d47678 100644
--- a/modules/ui/init.js
+++ b/modules/ui/init.js
@@ -73,8 +73,7 @@ export function uiInit(context) {
 
         content
             .append('div')
-            .attr('id', 'flash')
-            .attr('class', 'fillD');
+            .attr('id', 'flash');
 
         content
             .append('div')