From 47acc979558c7a0ef5c8db7acae8fdd64fe693f6 Mon Sep 17 00:00:00 2001
From: SphericalKat <amolele@gmail.com>
Date: Sun, 15 Aug 2021 05:02:33 +0530
Subject: [PATCH] fix(users): fix styles for login page

Signed-off-by: SphericalKat <amolele@gmail.com>
---
 lib/ketbin_web/controllers/user_auth.ex       |  1 +
 .../templates/user_session/new.html.eex       | 51 +++++++++++--------
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/lib/ketbin_web/controllers/user_auth.ex b/lib/ketbin_web/controllers/user_auth.ex
index 7df5987..b103bc1 100644
--- a/lib/ketbin_web/controllers/user_auth.ex
+++ b/lib/ketbin_web/controllers/user_auth.ex
@@ -34,6 +34,7 @@ defmodule KetbinWeb.UserAuth do
     |> put_session(:user_token, token)
     |> put_session(:live_socket_id, "users_sessions:#{Base.url_encode64(token)}")
     |> maybe_write_remember_me_cookie(token, params)
+    |> put_flash(:info, "Logged in successfully!")
     |> redirect(to: user_return_to || signed_in_path(conn))
   end
 
diff --git a/lib/ketbin_web/templates/user_session/new.html.eex b/lib/ketbin_web/templates/user_session/new.html.eex
index 7be6449..cf90058 100644
--- a/lib/ketbin_web/templates/user_session/new.html.eex
+++ b/lib/ketbin_web/templates/user_session/new.html.eex
@@ -1,27 +1,34 @@
-<h1>Log in</h1>
+<div class="flex flex-col w-full h-full justify-center items-center">
+	<h1 class="font-bold text-4xl text-amber pt-4">Log in</h1>
 
-<%= form_for @conn, Routes.user_session_path(@conn, :create), [as: :user], fn f -> %>
-  <%= if @error_message do %>
-    <div class="alert alert-danger">
-      <p><%= @error_message %></p>
-    </div>
-  <% end %>
+	<%= form_for @conn, Routes.user_session_path(@conn, :create), [as: :user, class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+		<%= if @error_message do %>
+			<div class="alert alert-danger">
+				<p><%= @error_message %></p>
+			</div>
+		<% end %>
 
-  <%= label f, :email %>
-  <%= email_input f, :email, required: true %>
+		<div class="flex flex-col w-full">
+			<%= label f, :email %>
+			<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
+		</div>
 
-  <%= label f, :password %>
-  <%= password_input f, :password, required: true %>
+		<div class="flex flex-col mt-2 w-full">
+			<%= label f, :password %>
+			<%= password_input f, :password, [class: "text-black px-2 py-1 outline-none", required: true] %>
+		</div>
+		<div class="flex mt-2 w-full justify-center items-center">
+			<%= checkbox f, :remember_me,  [class: "mr-2 outline-none"] %>
+			<%= label f, :remember_me, "Keep me logged in for 60 days" %>
+		</div>
 
-  <%= label f, :remember_me, "Keep me logged in for 60 days" %>
-  <%= checkbox f, :remember_me %>
+		<div class="bg-amber mt-4 rounded-sm px-2 py-1">
+				<%= submit "Log in" %>
+			</div>
+	<% end %>
 
-  <div>
-    <%= submit "Log in" %>
-  </div>
-<% end %>
-
-<p>
-  <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
-  <%= link "Forgot your password?", to: Routes.user_reset_password_path(@conn, :new) %>
-</p>
+	<p class="mb-4 text-amber">
+		<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
+		<%= link "Forgot your password?", to: Routes.user_reset_password_path(@conn, :new) %>
+	</p>
+</div>