app/views/layouts/auth.html.erb

@@ -3,7 +3,7 @@
     <div class="flex flex-col h-screen px-6 py-12 bg-surface">
       <div class="grow flex flex-col justify-center">
         <div class="sm:mx-auto sm:w-full sm:max-w-md">
-          <div class="flex justify-center mb-6">
+          <div class="flex justify-center mt-2 md:mb-6">
             <%= image_tag "logo-color.png", class: "w-16 mb-6" %>
           </div>
 
@@ -38,7 +38,7 @@
           </div>
         </div>
 
-        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-lg">
+        <div class="mt-0 md:mt-8 sm:mx-auto sm:w-full sm:max-w-lg">
           <%= yield %>
         </div>
       </div>

app/views/registrations/new.html.erb

@@ -44,6 +44,7 @@
       <%= form.password_field :password, 
           autocomplete: "new-password", 
           required: "required", 
+          placeholder: t(".password_placeholder"),
           label: true, 
           maxlength: 72,
           data: { 

app/views/sessions/new.html.erb

@@ -5,7 +5,7 @@
 <%= styled_form_with url: sessions_path, class: "space-y-4", data: { turbo: false } do |form| %>
   <%= form.email_field :email, label: t(".email"), autofocus: false, autocomplete: "email", required: "required", placeholder: t(".email_placeholder") %>
 
-  <%= form.password_field :password, label: t(".password"), required: "required" %>
+  <%= form.password_field :password, label: t(".password"), required: "required", placeholder: t(".password_placeholder") %>
 
   <%= form.submit t(".submit") %>
 <% end %>

config/locales/views/registrations/en.yml

@@ -22,3 +22,4 @@ en:
       welcome_body: To get started, you must sign up for a new account.  You will
         then be able to configure additional settings within the app.
       welcome_title: Welcome to Self Hosted Maybe!
+      password_placeholder: Enter your password

config/locales/views/sessions/en.yml

@@ -12,3 +12,4 @@ en:
       password: Password
       submit: Log in
       title: Sign in to your account
+      password_placeholder: Enter your password