From 47be1e2f0b0c63f67262520ebb712d27540b3e4f Mon Sep 17 00:00:00 2001
From: sagar <65588552+sagarbee@users.noreply.github.com>
Date: Mon, 1 Jan 2024 19:22:21 +0530
Subject: [PATCH] #25 Added required field to gmail and passwords and make them
 mandatory

---
 dist/register.html | 20 ++++++++++----------
 dist/style.css     |  7 +++++++
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/dist/register.html b/dist/register.html
index a12a4e7..e602075 100644
--- a/dist/register.html
+++ b/dist/register.html
@@ -63,7 +63,7 @@
                 type="text"
                 id="FirstName"
                 name="first_name"
-                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm"
+                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm" required
               />
             </div>
   
@@ -79,20 +79,20 @@
                 type="text"
                 id="LastName"
                 name="last_name"
-                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm"
+                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm" required
               />
             </div>
   
             <div class="col-span-6">
               <label for="Email" class="block text-sm font-medium text-gray-700">
-                Email
+                Email<span class="mandatory">*</span>
               </label>
   
               <input
                 type="email"
                 id="Email"
                 name="email"
-                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm"
+                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm" required
               />
             </div>
   
@@ -101,14 +101,14 @@
                 for="Password"
                 class="block text-sm font-medium text-gray-700"
               >
-                Password
+                Password<span class="mandatory">*</span>
               </label>
   
               <input
                 type="password"
                 id="Password"
                 name="password"
-                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm"
+                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm" required
               />
             </div>
   
@@ -117,14 +117,14 @@
                 for="PasswordConfirmation"
                 class="block text-sm font-medium text-gray-700"
               >
-                Password Confirmation
+                Password Confirmation<span class="mandatory">*</span>
               </label>
   
               <input
                 type="password"
                 id="PasswordConfirmation"
                 name="password_confirmation"
-                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm"
+                class="mt-1 w-full rounded-md border-gray-200 bg-white text-sm text-gray-700 shadow-sm" required
               />
             </div>
   
@@ -134,11 +134,11 @@
                   type="checkbox"
                   id="MarketingAccept"
                   name="marketing_accept"
-                  class="h-5 w-5 rounded-md border-gray-200 bg-white shadow-sm"
+                  class="h-5 w-5 rounded-md border-gray-200 bg-white shadow-sm" required
                 />
   
                 <span class="text-sm text-gray-700">
-                  I want to receive emails about events, module updates and job guidance.
+                  <span class="mandatory">*</span>  I want to receive emails about events, module updates and job guidance.
                 </span>
               </label>
             </div>
diff --git a/dist/style.css b/dist/style.css
index 96f858f..abfd980 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -404,6 +404,13 @@ Make sure disabled buttons don't get the pointer cursor.
   cursor: default;
 }
 
+/* Make mandatory textfields */
+.mandatory {
+  color: red;
+  margin-left: 5px;
+}
+
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)