Fix layout of buttons on mobile for "add your own comment" when not s…

…igned in
openaustralia · Feb 12, 2024 · 60fd2dd · 60fd2dd
1 parent c4827d0
commit 60fd2dd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/components/tailwind/button_component.html.erb b/app/components/tailwind/button_component.html.erb
@@ -1,13 +1,13 @@
 <% if @tag == :a %>
   <%= link_to @href, @options do %>
-    <div class="flex items-baseline justify-center gap-4">
+    <div class="flex items-baseline justify-center gap-4 text-center">
       <% if @icon %><div><%= render Tailwind::Icon.new(name: @icon) %></div><% end %>
       <div><%= content %></div>
     </div>
   <% end %>
 <% elsif @tag == :button %>
   <%= button_tag @options do %>
-    <div class="flex items-baseline justify-center gap-4">
+    <div class="flex items-baseline justify-center gap-4 text-center">
       <% if @icon %><div><%= render Tailwind::Icon.new(name: @icon) %></div><% end %>
       <div><%= content %></div>
     </div>

diff --git a/app/views/_tailwind/applications/show.html.erb b/app/views/_tailwind/applications/show.html.erb
@@ -179,7 +179,7 @@
       <div class="px-4 py-3 bg-light-grey">
         <p class="text-2xl opacity-50 text-navy">Be polite, clear and to the point so your comment gets listened to.</p>
         <div class="flex justify-center py-12">
-          <div class="inline-grid grid-cols-2 gap-3">
+          <div class="grid gap-3 sm:inline-grid sm:grid-cols-2">
             <%= render Tailwind::ButtonComponent.new(tag: :a, size: "2xl", type: :primary, href: new_user_registration_path) do %>
               Create an account
             <% end %>