Flash style adjustments

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

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;

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')