Make alert dismiss line up with text

openaustralia · May 30, 2024 · 94c8952 · 94c8952
1 parent 88b8dc3
commit 94c8952
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/components/tailwind/alert_component.html.erb b/app/components/tailwind/alert_component.html.erb
@@ -5,7 +5,7 @@
   <div class="grow"><%= content %></div>
   <%# TODO: Button needs a hover state %>
   <%# TODO: This button doesn't do anything without javascript, so hide it until js is running %>
-  <button x-on:click="open=false" class="self-start hover:text-white-hover focus:outline-none focus:bg-sun-yellow focus:text-navy">
+  <button x-on:click="open=false" class="self-start p-2 hover:text-white-hover focus:outline-none focus:bg-sun-yellow focus:text-navy">
     <%= render Tailwind::Icon.new(name: :dismiss) %>
   </button>
 </div>