added a how-to-use

Author: Mobmaker55

conditional/templates/major_project_submission.html

@@ -34,14 +34,10 @@ <h3 class="page-title">Major Project Form</h3>
                            placeholder="A quick, one-sentence pitch for your project and what it does.">
                     <div class="row">
                         <div class="col-lg-6">
-                            <label class="form-label" for="skills-applied">Skills Applied</label>
+                            <label class="form-label" for="skills-applied">Skills Applied<span>Press Enter or , to separate skills</span></label>
                             <div id="skills-applied" class="form-control form-skilltags">
                                 <input id="skill-input" name="skill" type="text" maxlength="16" placeholder="Add a skill">
-
                                 <span class="placeholder">List what skills you meaningfully used while working on this project (at least 2!)</span></div>
-                            <!--<textarea id="skills-applied" name="skills-applied" class="form-control form-textarea"
-                                      rows="5"
-                                      placeholder="List what skills you meaningfully used while working on this project (at least 2!)"><span>Test</span></textarea>-->
                         </div>
                         <div class="col-lg-6">
                             <label class="form-label" for="time-commitment">Time Commitment</label>

frontend/javascript/modules/majorProjectForm.js

@@ -7,7 +7,7 @@ export default class MajorProjectForm {
         this.form = form;
         this.endpoint = '/major_project/submit';
         this.tags_written = false;
-        this.tag_keys = ["Enter", "Comma", "Tab"];
+        this.tag_keys = ["Enter", "Comma"];
         this.render();
     }
 

frontend/stylesheets/pages/_major-project.scss

@@ -8,6 +8,10 @@
   font-size: 2rem;
 }
 
+.form-label span {
+  font-size: 1rem;
+}
+
 .form-textarea {
   resize: vertical;
 }