From c5ac644dff3c7b683929e600a3ab561e13162f58 Mon Sep 17 00:00:00 2001
From: "Kent Joseph T. Palima" <admin@upiecep.org>
Date: Thu, 30 Apr 2026 15:25:58 +0800
Subject: [PATCH] Fixes in registration page

---
 src/pages/apply.astro | 80 +++++++++++++++++++++++++++++++++++++------
 src/styles/apply.scss |  7 ++++
 2 files changed, 77 insertions(+), 10 deletions(-)

diff --git a/src/pages/apply.astro b/src/pages/apply.astro
index e773432..eef1792 100644
--- a/src/pages/apply.astro
+++ b/src/pages/apply.astro
@@ -46,22 +46,49 @@ import '../styles/apply.scss';
         
         <div class="input-group">
           <label for="fullName">Name <span>(Format: DELA CRUZ, Juan M.)</span></label>
-          <input type="text" id="fullName" name="fullName" required placeholder="DELA CRUZ, Juan M." />
+          <input 
+            type="text" 
+            id="fullName" 
+            name="fullName" 
+            title="Please follow the format: LASTNAME, First Name M."
+            required 
+            placeholder="DELA CRUZ, Juan M." 
+          />
         </div>
 
         <div class="input-group">
           <label for="nickname">Nickname</label>
-          <input type="text" id="nickname" name="nickname" required placeholder="Juan" />
+          <input 
+            type="text" 
+            id="nickname" 
+            name="nickname" 
+            title="Please enter your preferred nickname"
+            required 
+            placeholder="Juan" 
+          />
         </div>
 
         <div class="input-group">
-          <label for="studentNumber">Student Number <span>(Format: 20XXXXXXX)</span></label>
-          <input type="text" id="studentNumber" name="studentNumber" pattern="20\d{7}" required placeholder="20XXXXXXX" />
+          <label for="studentNumber">Student Number <span>(Format: 20XX-XXXXX)</span></label>
+          <input 
+            type="text" 
+            id="studentNumber" 
+            name="studentNumber" 
+            pattern="20\d{2}-\d{5}" 
+            title="Please include the dash (e.g., 2022-12345)"
+            required 
+            placeholder="202X-XXXXX" 
+          />
         </div>
 
         <div class="input-group">
           <label for="yearStanding">Year Standing</label>
-          <select id="yearStanding" name="yearStanding" required>
+          <select 
+            id="yearStanding" 
+            name="yearStanding" 
+            title="Please select your current year standing"
+            required
+          >
             <option value="" disabled selected>Select your year standing</option>
             <option value="I">I</option>
             <option value="II">II</option>
@@ -73,22 +100,49 @@ import '../styles/apply.scss';
 
         <div class="input-group">
           <label for="mobileNumber">Mobile Number <span>(Format: 09XXXXXXXXX)</span></label>
-          <input type="tel" id="mobileNumber" name="mobileNumber" pattern="09\d{9}" required placeholder="09XXXXXXXXX" />
+          <input 
+            type="tel" 
+            id="mobileNumber" 
+            name="mobileNumber" 
+            pattern="09\d{9}" 
+            title="Please enter an 11-digit mobile number starting with 09 (e.g., 09123456789)"
+            required 
+            placeholder="09XXXXXXXXX" 
+          />
         </div>
 
         <div class="input-group">
           <label for="email">Email Address</label>
-          <input type="email" id="email" name="email" required placeholder="jdelacruz@up.edu.ph" />
+          <input 
+            type="email" 
+            id="email" 
+            name="email" 
+            title="Please enter a valid email address"
+            required 
+            placeholder="jdelacruz@up.edu.ph" 
+          />
         </div>
 
         <div class="input-group">
           <label for="facebookLink">Facebook Profile Link <span>(Format: facebook.com/username)</span></label>
-          <input type="text" id="facebookLink" name="facebookLink" required placeholder="facebook.com/IECEPUPD" />
+          <input 
+            type="text" 
+            id="facebookLink" 
+            name="facebookLink" 
+            title="Please provide a link to your Facebook profile"
+            required 
+            placeholder="facebook.com/IECEPUPD" 
+          />
         </div>
 
         <div class="input-group">
           <label for="source">How did you learn about UP IECEP?</label>
-          <select id="source" name="source" required>
+          <select 
+            id="source" 
+            name="source" 
+            title="Please select how you found out about our organization"
+            required
+          >
             <option value="" disabled selected>Select an option</option>
             <option value="Family">Family</option>
             <option value="Friends">Friends</option>
@@ -99,7 +153,13 @@ import '../styles/apply.scss';
 
         <div class="input-group">
           <label for="funActivities">Do you have activities in mind that would add more fun to your application process?</label>
-          <textarea id="funActivities" name="funActivities" rows="4" placeholder="Share your ideas here!"></textarea>
+          <textarea 
+            id="funActivities" 
+            name="funActivities" 
+            rows="4" 
+            title="We would love to hear your ideas!"
+            placeholder="Share your ideas here!"
+          ></textarea>
         </div>
 
         <button type="submit" id="submit-btn" class="submit-btn">Submit Application</button>
diff --git a/src/styles/apply.scss b/src/styles/apply.scss
index b4b87b3..ff6ad97 100644
--- a/src/styles/apply.scss
+++ b/src/styles/apply.scss
@@ -28,6 +28,13 @@
         line-height: 1.6;
         color: #4a4a4a;
         margin-bottom: 1rem;
+
+        /* ADD THIS BLOCK: Resets the bold text back to normal paragraph size */
+        strong {
+          font-size: 1rem;
+          font-weight: 700; /* Keeps it bold */
+          line-height: inherit;
+        }
       }
       .privacy-notice {
         font-size: 0.85rem;