From 7a1b31d9bc5732df2693547fc94febe0822e78eb Mon Sep 17 00:00:00 2001
From: Derek Chen <derex1987@gmail.com>
Date: Sun, 19 Oct 2025 02:32:45 -0500
Subject: [PATCH] feat: required asterisk

---
 docs/index.html | 13 +++++++++----
 docs/main.css   |  5 +++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 1464717..6ac1b1a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -109,18 +109,23 @@
         <form action="">
           <!-- Data is separated into course number, course prefix, and course name-->
           <div class="form-group">
-            <label for="courseField">Department (e.g. "MUS"):</label>
+            <label for="courseField"
+              >Department (e.g. "MUS") <span class="required">*</span></label
+            >
             <input type="text" id="courseField" name="fname" required />
           </div>
 
           <div class="form-group">
-            <label for="courseNum">Course Number (e.g. "307"):</label>
+            <label for="courseNum"
+              >Course Number (e.g. "307")
+              <span class="required">*</span></label
+            >
             <input type="text" id="courseNum" name="fname" required />
           </div>
 
           <div class="form-group">
             <label for="courseName"
-              >Course Name (e.g. "JAZZ APPRECIATION-WB"):</label
+              >Course Name (e.g. "JAZZ APPRECIATION-WB")</label
             >
             <input type="text" id="courseName" name="fname" />
           </div>
@@ -132,7 +137,7 @@
             <label
               for="courseInstructor"
               title="This is an experimental option!"
-              >Instructor:</label
+              >Instructor</label
             >
             <input type="text" id="courseInstructor" name="fname" />
           </div>
diff --git a/docs/main.css b/docs/main.css
index d9d0ab5..b6b62fe 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -275,6 +275,11 @@ h1 {
     margin: 0 0 1rem 0
 }
 
+.required {
+    color: #ff3d78;
+    font-weight: bold;
+}
+
 .column {
     display: flex;
     flex-direction: column;