From: Tom Hughes <tom@compton.nu>
Date: Mon, 14 Aug 2023 07:31:10 +0000 (+0100)
Subject: Make the close icon on banners more visible
X-Git-Tag: live~631
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/e6a8b400989802b0cc47ffac30103e4b10740fb4

Make the close icon on banners more visible

Fixes #4165
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index b694247a8..5f89453c6 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -460,6 +460,11 @@ body.small-nav {
       display: block;
       width: $sidebarWidth;
     }
+
+    button.btn-close {
+      background-color: rgba(255, 255, 255, 0.5);
+      opacity: 1.0;
+    }
   }
 
   #map {
diff --git a/app/views/layouts/_banner.html.erb b/app/views/layouts/_banner.html.erb
index 298135f45..4f24f538d 100644
--- a/app/views/layouts/_banner.html.erb
+++ b/app/views/layouts/_banner.html.erb
@@ -1,4 +1,4 @@
 <% unless (banner = next_banner()).nil? %>
 <%= link_to (image_tag banner[:img], :srcset => banner[:srcset], :alt => banner[:alt], :title => banner[:alt]), banner[:link] %>
-<button type="button" class="btn-close <%= "btn-close-white" if banner[:dark] %> position-absolute top-0 end-0 p-4" id="<%= banner_cookie(banner[:id]) %>" aria-label="<%= t("javascripts.close") %>"></button>
+<button type="button" class="btn-close <%= "btn-close-white" if banner[:dark] %> position-absolute top-0 end-0 m-4" id="<%= banner_cookie(banner[:id]) %>" aria-label="<%= t("javascripts.close") %>"></button>
 <% end %>