diff --git a/lib/freedive_web/live/user_settings_live.ex b/lib/freedive_web/live/user_settings_live.ex
index 0d67002..2c8111b 100644
--- a/lib/freedive_web/live/user_settings_live.ex
+++ b/lib/freedive_web/live/user_settings_live.ex
@@ -5,71 +5,79 @@ defmodule FreediveWeb.UserSettingsLive do
def render(assigns) do
~H"""
- <.header class="text-center">
- Account Settings
- <:subtitle>Manage your account email address and password settings
-
+ <.section>
+ <.title>
+ Account Settings
+
+ <.subtitle>
+ Manage your account email address and password settings
+
+
+ <.section>
+ <.title is-4>
+ Email
+
-
-
- <.simple_form
- for={@email_form}
- id="email_form"
- phx-submit="update_email"
- phx-change="validate_email"
- >
- <.input field={@email_form[:email]} type="email" label="Email" required />
- <.input
- field={@email_form[:current_password]}
- name="current_password"
- id="current_password_for_email"
- type="password"
- label="Current password"
- value={@email_form_current_password}
- required
- />
- <:actions>
- <.button phx-disable-with="Changing...">Change Email
-
-
-
-
- <.simple_form
- for={@password_form}
- id="password_form"
- action={~p"/users/log_in?_action=password_updated"}
- method="post"
- phx-change="validate_password"
- phx-submit="update_password"
- phx-trigger-action={@trigger_submit}
- >
-
- <.input field={@password_form[:password]} type="password" label="New password" required />
- <.input
- field={@password_form[:password_confirmation]}
- type="password"
- label="Confirm new password"
- />
- <.input
- field={@password_form[:current_password]}
- name="current_password"
- type="password"
- label="Current password"
- id="current_password_for_password"
- value={@current_password}
- required
- />
- <:actions>
- <.button phx-disable-with="Changing...">Change Password
-
-
-
-
+ <.simple_form
+ for={@email_form}
+ id="email_form"
+ phx-submit="update_email"
+ phx-change="validate_email"
+ >
+ <.input field={@email_form[:email]} type="email" label="Email" required />
+ <.input
+ field={@email_form[:current_password]}
+ name="current_password"
+ id="current_password_for_email"
+ type="password"
+ label="Current password"
+ value={@email_form_current_password}
+ required
+ />
+ <:actions>
+ <.button phx-disable-with="Changing...">Change Email
+
+
+
+ <.section>
+ <.title is-4>
+ Password
+
+ <.simple_form
+ for={@password_form}
+ id="password_form"
+ action={~p"/users/log_in?_action=password_updated"}
+ method="post"
+ phx-change="validate_password"
+ phx-submit="update_password"
+ phx-trigger-action={@trigger_submit}
+ >
+
+ <.input field={@password_form[:password]} type="password" label="New password" required />
+ <.input
+ field={@password_form[:password_confirmation]}
+ type="password"
+ label="Confirm new password"
+ />
+ <.input
+ field={@password_form[:current_password]}
+ name="current_password"
+ type="password"
+ label="Current password"
+ id="current_password_for_password"
+ value={@current_password}
+ required
+ />
+ <:actions>
+ <.button phx-disable-with="Changing...">Change Password
+
+
+
"""
end