discovered the legend tag

advisor/templates/compare.html

@@ -16,7 +16,7 @@ GMU Advisor | Compare
 
 <div class="row well">
   <div class="col-md-12">
-    <div class="text-center"><h3>Choose up to three</h3></div>
+    <legend>Choose up to three</legend>
     <form class="form-horizontal" role="form">
     <!-- why doesn't this have them next to each other? -->
       <div class="form-group">
@@ -103,7 +103,7 @@ to be loaded  on submit with JavaScript ;_; </p>
 
 <div class="row well">
   <div class="col-md-12">
-    Automatic analysis of the comparisons.
+    <legend>Automatic comparisons of your selected trajectories.</legend>
   </div>
 </div>
 

advisor/templates/create.html

@@ -19,7 +19,7 @@ GMU Advisor | Create
 
 <div class="row well">
   <div class="col-md-12">
-  See your previous semesters
+  <h4>See your previous semesters</h4>
     <!-- accordian for previously semesters' trajectories -->
     {% for trajectory in previousTrajectories %}
       <div class="col-md-12">

advisor/templates/index.html

@@ -19,8 +19,11 @@ GMU Advisor
 
 <div class="row well">
   <div class="col-md-12">
-    <form class="form-horizontal" role="form">
-      Select your courses(s).
+    <form class="form-horizontal" action="" method="post" role="form" enctype="multipart/form-data">
+      {% csrf_token %}
+      <fieldset>
+
+      <legend>Select your courses(s).</legend>
       <div class="form-group">
         <label for "departmentAbbr" class="col-sm-2">Department Abbreviation</label>
           <div class="col-sm-1">
@@ -30,7 +33,8 @@ GMU Advisor
           <div class="col-sm-1">
             <input type="text" class="form-control" id="Program" placeholder="302">
           </div>
-        <label for "name" class="col-sm-1">Name</label>
+        <!-- Name loads automatically -->
+	<label for "name" class="col-sm-1">Name</label>
           <div class="col-sm-5">
             <input type="text" class="form-control" id="Program" placeholder="Advanced Composition">
           </div>
@@ -39,7 +43,8 @@ GMU Advisor
        </div>
        <!-- not sure how to have a zillion of these fields keep on appearing -->
       </div>
-      Select your program(s).
+
+      <legend>Select your program(s).</legend>
       <div class="form-group">
         <label for "Program" class="col-sm-2">Program</label>
         <div class="col-sm-5">
@@ -50,7 +55,8 @@ GMU Advisor
           <button type="button" class="btn btn-primary">+</button>
         </div>
       </div>
-      Select your minor(s).
+
+      <legend>Select your minor(s).</legend>
       <div class="form-group">
         <label for "Minor" class="col-sm-2">Minor</label>
         <div class="col-sm-5">
@@ -62,7 +68,8 @@ GMU Advisor
       </div>
       <!-- #cooljsideas for this and select program, have a new field slide out
       when one has been entered (2 for degree, 3 for minor)-->
-      Are you in the Honors College?
+      
+      <legend>Are you in the Honors College?</legend>
       <div class="form-group">
         <label for "honorscollege" class="col-sm-2">Honors</label>
           <div class="col-sm-5">
@@ -70,7 +77,8 @@ GMU Advisor
             <button type="button" class="btn btn-primary">No</button>
           </div>
       </div>
-      What is your current semester?
+
+      <legend>What is your current semester?</legend>
       <div class="form-group">
         <label for "degreeType" class="col-sm-2">Current Semester</label>
           <div class="col-sm-3">
@@ -96,6 +104,7 @@ GMU Advisor
           <!-- need to have the bar across the top loading js -->
         </div>
       </div>
+    </fieldset>
     </form>
   </div>
 </div>