+
+ <%= label(f, :password, class: "sr-only") %>
+ <%= password_input(f, :password,
+ required: true,
+ placeholder: gettext("Password"),
+ autocomplete: "current-password",
+ class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:outline-none focus:ring-0 sm:text-sm"
+ ) %>
+
+
+
+
+
+
- <%= label(f, :password_confirmation, class: "sr-only") %>
- <%= password_input(f, :password_confirmation,
- required: true,
- placeholder: gettext("Confirm password"),
- autocomplete: "current-password",
- class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:outline-none focus:ring-0"
- ) %>
-
-
-
-
-
+
+
+ <%= label(f, :password_confirmation, class: "sr-only") %>
+ <%= password_input(f, :password_confirmation,
+ required: true,
+ placeholder: gettext("Confirm password"),
+ autocomplete: "current-password",
+ class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:outline-none focus:ring-0 sm:text-sm"
+ ) %>
+
+
+
+
+
+
<%= error_tag(f, :password_confirmation) %>
@@ -67,7 +71,7 @@
- <%= submit("Register", class: "w-full flex justify-center border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm sm:w-96") %>
+ <%= submit("Register", class: "w-full flex justify-center border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm md:w-96 md:mx-0 md:px-0") %>
diff --git a/lib/atomic_web/templates/user_reset_password/edit.html.heex b/lib/atomic_web/templates/user_reset_password/edit.html.heex
index 1adcd930e..6d5f645bd 100644
--- a/lib/atomic_web/templates/user_reset_password/edit.html.heex
+++ b/lib/atomic_web/templates/user_reset_password/edit.html.heex
@@ -9,7 +9,7 @@
<% end %>
-
+
<%= label(f, :password, "New password", class: "sr-only") %>
<%= password_input(f, :password, required: true, placeholder: gettext("New Password"), class: "relative w-full border-0 rounded text-zinc-900 appearance-none outline-none focus:outline-none focus:ring-0") %>
@@ -38,8 +38,8 @@
-
- <%= submit class: "w-64 border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm" do %>
+
+ <%= submit class: "w-full border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm" do %>
<%= gettext("Reset password") %>
<% end %>
diff --git a/lib/atomic_web/templates/user_session/new.html.heex b/lib/atomic_web/templates/user_session/new.html.heex
index 7349e2c40..b3b6fd799 100644
--- a/lib/atomic_web/templates/user_session/new.html.heex
+++ b/lib/atomic_web/templates/user_session/new.html.heex
@@ -14,28 +14,28 @@
<% end %>
-
-
+
+
<%= label(f, :email, class: "sr-only") %>
<%= email_input(f, :email,
required: true,
placeholder: gettext("Email address"),
- class: "relative w-96 appearance-none rounded border border-zinc-300 text-zinc-900 placeholder-zinc-500 focus:z-10 focus:border-orange-400 focus:ring-orange-400 focus:outline-none sm:text-sm"
+ class: "relative w-full appearance-none rounded border border-zinc-300 text-zinc-900 placeholder-zinc-500 focus:z-10 focus:border-orange-400 focus:ring-orange-400 focus:outline-none sm:text-sm"
) %>
-
+
<%= label(f, :password, class: "sr-only") %>
<%= password_input(f, :password,
required: true,
placeholder: gettext("Password"),
autocomplete: "current-password",
- class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:ring-0"
+ class: "relative w-full border-0 text-zinc-900 rounded appearance-none outline-none focus:ring-0 sm:text-sm"
) %>
-
+
-
+
@@ -58,7 +58,7 @@
- <%= submit class: "w-full flex justify-center border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm sm:w-96" do %>
+ <%= submit class: "w-full flex justify-center border-2 rounded-md bg-orange-500 text-lg border-orange-500 py-2 px-3.5 text-sm font-medium text-white shadow-sm md:w-96 md:mx-0 md:px-0" do %>
<%= gettext("Log in") %>
<% end %>