fix grid spacing in mobile mode

2022-02-19 18:06:50 -05:00
parent e2f8fd3ee5
commit 61829fc042
17 changed files with 20 additions and 19 deletions
--- a/lib/cannery_web/live/ammo_group_live/form_component.html.heex
+++ b/lib/cannery_web/live/ammo_group_live/form_component.html.heex
@ -10,7 +10,7 @@
    phx-target={@myself}
    phx-change="validate"
    phx-submit="save"
-    class="flex flex-col sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
+    class="flex flex-col space-y-4 sm:space-y-0 sm:grid sm:grid-cols-3 sm:gap-4 justify-center items-center"
  >
    <%= if @changeset.action && not @changeset.valid? do %>
      <div class="invalid-feedback col-span-3 text-center">