feat: required asterisk

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>

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;