assignment 2

views/login.ejs

@@ -1,12 +1,15 @@
 <%- include("./partials/header") %>
 
 <div class="flex h-screen">
-  <div class="m-auto w-sm px-6 py-12 bg-white-200 rounded-lg space-y-6">
+  <div class="m-auto w-sm px-6 py-12 bg-white-200">
     <div class="flex flex-row justify-center">
       <h1 class="font-semibold text-xl mb-4 text-white">Login</h1>
     </div>
     <form action="/login" method="POST">
       <div class="flex flex-col justify-center">
+        <% if (message) { %>
+          <div class="mb-6 block w-full py-3 bg-red-400 rounded-md outline-2 -outline-offset-1 outline-red-300"><h3 class="text-white text-center"><%= message %></h3></div>
+        <% } %>
         <label for="username">
           <i class="fas fa-envelope"></i>
         </label>
@@ -20,7 +23,6 @@
   
       <div class="flex flex-row justify-center">
         <button type="submit" class="block w-3xs bg-blue-600 rounded-md mx-8 text-white p-2">Login</button>
-        <h3 class="text-red-500 text-center"><%= message %></h3>
       </div>
     </form>
   </div>