From db925798de8e940f8721025abe033d8f140ab46d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <jan.h.boehmer@gmx.de>
Date: Sat, 13 Jun 2020 22:52:21 +0200
Subject: [PATCH] Improved flashes design.

---
 templates/_flash.html.twig | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/_flash.html.twig b/templates/_flash.html.twig
index 2a38ca1a..b51b28e3 100644
--- a/templates/_flash.html.twig
+++ b/templates/_flash.html.twig
@@ -1,6 +1,6 @@
 {# The container to show the flash messages #}
 
-<div class="toast-container" id="message-container">
+<div class="toast-container" id="message-container" style="min-width: 20%;">
     {% for label, messages in app.flashes() %}
         {% for message in messages %}
             {% set flash_title = label|replace({'success': 'flash.success', 'error': 'flash.error'
@@ -10,14 +10,14 @@
 
             {% set flash_bg = label|replace({'success': 'bg-success text-white',
                 'error': 'bg-danger text-white', 'warning': 'bg-warning text-white',
-                'notice': 'bg-info text-white', 'info': 'bg'})%}
+                'notice': 'bg-info text-white', 'info': 'bg-light'})%}
 
-            <div class="toast " role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000">
+            <div class="toast shadow" role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000">
                 <div class="toast-header {{ flash_bg }}">
                     {# <img src="..." class="rounded mr-2" alt="...">#}
                     <i class="fas fa-fw {{ flash_symbol }} mr-2"></i>
                     <strong class="mr-auto">{{ flash_title|trans }}</strong>
-                    {#<small class="text-muted">11 mins ago</small> #}
+                    <small class="text-muted">{{ "now" | format_datetime("short", "short") }}</small>
                     <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                         <span aria-hidden="true">&times;</span>
                     </button>