Shorten padding on page items if they are too wide

[rails.git] / app / views / layouts / _flash.html.erb

diff --git a/app/views/layouts/_flash.html.erb b/app/views/layouts/_flash.html.erb
index a3cbbc2072b4296aef09b6a07e0b92f391e7b46f..1d3bc34219bf6316ce8b16666b6587384d20451a 100644 (file)
--- a/app/views/layouts/_flash.html.erb
+++ b/app/views/layouts/_flash.html.erb
@@ -1,11 +1,26 @@
 <% if flash[:error] %>
 <% if flash[:error] %>

-  <div id="error" class="flash"><%=image_tag("notice.png", :class => "small_icon", :border=>0)%><%= raw 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] %>
 <% end %>
 
 <% if flash[:warning] %>

-  <div id="warning" class="flash"><%=image_tag("notice.png", :class => "small_icon", :border=>0)%><%= raw 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] %>
 <% end %>
 
 <% if flash[:notice] %>

-  <div id="notice" class="flash"><%=image_tag("notice.png", :class => "small_icon", :border=>0)%><%= raw 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 %>
 <% end %>