<% 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"><%= flash[:error] %></div>
+ <div class="flash error row align-items-center">
+ <div class="col-auto">
+ <picture>
+ <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml" />
+ <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+ </picture>
+ </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">
- <%= image_tag("notice.png", :srcset => image_path("notice.svg"), :class => "small_icon", :border => 0) %>
- </picture>
- <div class="message"><%= flash[:warning] %></div>
+ <div class="flash warning row align-items-center">
+ <div class="col-auto">
+ <picture>
+ <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
+ <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+ </picture>
+ </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">
- <%= image_tag("notice.png", :srcset => image_path("notice.svg"), :class => "small_icon", :border => 0) %>
- </picture>
- <div class="message"><%= flash[:notice] %></div>
+ <div class="flash notice row align-items-center">
+ <div class="col-auto">
+ <picture>
+ <source srcset="<%= image_path "notice.svg" %>" type="image/svg+xml"></source>
+ <%= image_tag("notice.png", :srcset => image_path("notice.svg")) %>
+ </picture>
+ </div>
+ <div class="col"><%= render_flash(flash[:notice]) %></div>
</div>
<% end %>