On small screen stop select box from overflowing. Fixes #1760

openaustralia · Feb 6, 2024 · 444cc76 · 444cc76
1 parent fccbb2b
commit 444cc76
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/views/_tailwind/contact_messages/_form.html.erb b/app/views/_tailwind/contact_messages/_form.html.erb
@@ -18,7 +18,7 @@
     <%= f.label :reason, "I'm getting in touch because", class: "block mb-3" %>
     <%# TODO: Make sure that we can't choose "Please select" %>
     <%# TODO: The grey border here does not match the design but matches other form elements %>
-    <%= f.select :reason, [["Please select", ""]] + ContactMessage::REASONS_LONG, {}, class: "block" %>
+    <%= f.select :reason, [["Please select", ""]] + ContactMessage::REASONS_LONG, {}, class: "block w-full sm:w-auto" %>
     <%= f.error :reason, class: "mt-2" %>
   </div>
   <div class="mt-8">