X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/24f6aeda6a1b657d68a4e66f3a34d14ef408d652..9c3a66ac3b24133d979d8d3e4a4d2397ff04b706:/app/views/layouts/_flash.html.erb?ds=sidebyside

diff --git a/app/views/layouts/_flash.html.erb b/app/views/layouts/_flash.html.erb
index f8a89d6df..1d3bc3421 100644
--- a/app/views/layouts/_flash.html.erb
+++ b/app/views/layouts/_flash.html.erb
@@ -1,29 +1,26 @@
 <% if flash[:error] %>
-  <div class="flash error">
-    <picture>
-      <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml" />
-      <%= image_tag("notice.png", :srcset => image_path("notice.svg"), :class => "small_icon", :border => 0) %>
-    </picture>
-    <div class="message"><%= render_flash(flash[:error]) %></div>
+  <div class="alert alert-danger row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+    </div>
+    <div class="col"><%= render_flash(flash[:error]) %></div>
   </div>
 <% end %>
 
 <% if flash[:warning] %>
-  <div class="flash warning">
-    <picture>
-      <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
-      <%= image_tag("notice.png", :srcset => image_path("notice.svg"), :class => "small_icon", :border => 0) %>
-    </picture>
-    <div class="message"><%= render_flash(flash[:warning]) %></div>
+  <div class="alert alert-warning row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+    </div>
+    <div class="col"><%= render_flash(flash[:warning]) %></div>
   </div>
 <% end %>
 
 <% if flash[:notice] %>
-  <div class="flash notice">
-    <picture>
-      <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
-      <%= image_tag("notice.png", :srcset => image_path("notice.svg"), :class => "small_icon", :border => 0) %>
-    </picture>
-    <div class="message"><%= render_flash(flash[:notice]) %></div>
+  <div class="alert alert-success row mx-0 mb-0 p-3 rounded-0 align-items-center">
+    <div class="col-auto">
+      <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+    </div>
+    <div class="col"><%= render_flash(flash[:notice]) %></div>
   </div>
 <% end %>