Alerts and notices look better above the heading

Author: dhh

lib/generators/tailwindcss/authentication/templates/views/passwords/edit.html.erb

@@ -1,10 +1,10 @@
 <div class="mx-auto md:w-2/3 w-full">
-  <h1 class="font-bold text-4xl">Update your password</h1>
-
   <%% if alert = flash[:alert] %>
     <p class="py-2 px-3 bg-red-50 mb-5 text-red-500 font-medium rounded-lg inline-block" id="alert"><%%= alert %></p>
   <%% end %>
 
+  <h1 class="font-bold text-4xl">Update your password</h1>
+
   <%%= form_with url: password_path(params[:token]), method: :put, class: "contents" do |form| %>
     <div class="my-5">
       <%%= form.password_field :password, required: true, autocomplete: "new-password", placeholder: "Enter new password", maxlength: 72, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

lib/generators/tailwindcss/authentication/templates/views/passwords/new.html.erb

@@ -1,10 +1,10 @@
 <div class="mx-auto md:w-2/3 w-full">
-  <h1 class="font-bold text-4xl">Forgot your password?</h1>
-
   <%% if alert = flash[:alert] %>
     <p class="py-2 px-3 bg-red-50 mb-5 text-red-500 font-medium rounded-lg inline-block" id="alert"><%%= alert %></p>
   <%% end %>
 
+  <h1 class="font-bold text-4xl">Forgot your password?</h1>
+
   <%%= form_with url: passwords_path, class: "contents" do |form| %>
     <div class="my-5">
       <%%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>

lib/generators/tailwindcss/authentication/templates/views/sessions/new.html.erb

@@ -1,6 +1,4 @@
 <div class="mx-auto md:w-2/3 w-full">
-  <h1 class="font-bold text-4xl">Sign in</h1>
-
   <%% if alert = flash[:alert] %>
     <p class="py-2 px-3 bg-red-50 mb-5 text-red-500 font-medium rounded-lg inline-block" id="alert"><%%= alert %></p>
   <%% end %>
@@ -9,6 +7,8 @@
     <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%%= notice %></p>
   <%% end %>
 
+  <h1 class="font-bold text-4xl">Sign in</h1>
+
   <%%= form_with url: session_url, class: "contents" do |form| %>
     <div class="my-5">
       <%%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address], class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>