From b5b5ebb393843822180d08ce9071b337355b5fe8 Mon Sep 17 00:00:00 2001
From: ITurres <emanueliturres.co@gmail.com>
Date: Tue, 19 Dec 2023 12:52:41 -0300
Subject: [PATCH] Style: update 'login' page markup and styles

---
 app/views/devise/sessions/new.html.erb | 51 +++++++++++++++-----------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 5ede964..07befb8 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,26 +1,35 @@
-<h2>Log in</h2>
+<main class="container mt-4" style="max-width: 900px; height: 80vh;">
+  <h2 class="text-muted text-center mb-4">Log in</h2>
+  <div style="max-width: 400px; margin: 0 auto;" class="mb-3">
+    <%= form_for(resource, as: resource_name, url: session_path(resource_name),
+                           class: "form-control h-auto") do |f| %>
 
-<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
-  <div class="field">
-    <%= f.label :email %><br />
-    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
-  </div>
+      <div class="field">
+        <%= f.email_field :email, autofocus: true, autocomplete: "email",
+                                  placeholder: "Email",
+                                  aria: { label: "Email" },
+                                  class: "form-control mb-2" %>
+      </div>
 
-  <div class="field">
-    <%= f.label :password %><br />
-    <%= f.password_field :password, autocomplete: "current-password" %>
-  </div>
+      <div class="field">
+        <%= f.password_field :password, autocomplete: "current-password",
+                                        placeholder: "Password",
+                                        aria: { label: "Password" },
+                                        class: "form-control mb-2" %>
+      </div>
 
-  <% if devise_mapping.rememberable? %>
-    <div class="field">
-      <%= f.check_box :remember_me %>
-      <%= f.label :remember_me %>
-    </div>
-  <% end %>
+      <% if devise_mapping.rememberable? %>
+        <div class="field">
+          <%= f.check_box :remember_me %>
+          <%= f.label :remember_me %>
+        </div>
+      <% end %>
 
-  <div class="actions">
-    <%= f.submit "Log in" %>
-  </div>
-<% end %>
+      <div class="actions">
+        <%= f.submit "Log in", class: "btn btn-success w-100" %>
+      </div>
+    <% end %>
 
-<%= render "devise/shared/links" %>
+    <%= render "devise/shared/links" %>
+  </div>
+</main>