From 2673baa7ff16d19ac416c847015a6771523ef98a Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Thu, 11 Apr 2024 09:48:29 -0700
Subject: [PATCH] Tweak login page styles some more: page title & Remember Me

---
 .../stylesheets/devise/sessions/new.sass      | 26 ++++++++++++++-----
 app/views/devise/sessions/new.html.erb        | 11 ++++----
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/devise/sessions/new.sass b/app/assets/stylesheets/devise/sessions/new.sass
index e4414575..9431d29e 100644
--- a/app/assets/stylesheets/devise/sessions/new.sass
+++ b/app/assets/stylesheets/devise/sessions/new.sass
@@ -1,8 +1,13 @@
 @import "../../partials/clean/constants"
 
 body.devise-sessions, body.devise-sessions-new
+	#title
+		text-align: center
+		font-size: 2.5rem
+
 	.login-options
 		display: flex
+		margin-block: 3em
 
 		section
 			flex: 1 1 0
@@ -36,18 +41,25 @@ body.devise-sessions, body.devise-sessions-new
 		margin-bottom: 1em
 
 		.field
-			margin-bottom: .5em
+			margin-bottom: .75em
 
 		.input-field label
 			font-weight: bold
 
-		.checkbox-field
+		.actions
 			display: flex
-			gap: .25em
-			font-size: 85%
-			input[type=checkbox]
-				height: 1em
-				width: 1em
+			align-items: center
+			gap: .5em
+
+			.remember-me
+				display: flex
+				align-items: center
+				gap: .25em
+				font-size: 85%
+
+				input[type=checkbox]
+					height: 1em
+					width: 1em
 
 	.login-links
 		font-size: 85%
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 285773b0..9f1cc169 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,4 +1,4 @@
-<h2>Log in</h2>
+<% title "Log into Dress to Impress" %>
 
 <div class="login-options">
   <section class="login-option-password">
@@ -14,13 +14,12 @@
         <%= f.password_field :password, autocomplete: "current-password" %>
       </div>
 
-      <div class="field checkbox-field">
-        <%= f.check_box :remember_me %>
-        <%= f.label :remember_me %>
-      </div>
-
       <div class="actions">
         <%= f.submit "Log in" %>
+        <div class="remember-me">
+          <%= f.check_box :remember_me %>
+          <%= f.label :remember_me %>
+        </div>
       </div>
     <% end %>