Update html templates to use bootstrap for styling

1 files changed, 8 insertions, 7 deletions

diff --git a/qc_app/templates/samples/select-species.html b/qc_app/templates/samples/select-species.html
index 44c0d4f..edadc61 100644
--- a/qc_app/templates/samples/select-species.html
+++ b/qc_app/templates/samples/select-species.html
@@ -12,18 +12,19 @@
 
 <form method="POST" action="{{url_for('samples.select_species')}}">
   <legend class="heading">upload samples</legend>
-  <fieldset>
-    <label for="select_species02">Species</label>
-    <select id="select_species02" name="species_id" required="required">
+  <div class="form-group">
+    <label for="select_species02" class="form-label">Species</label>
+    <select id="select_species02"
+            name="species_id"
+            required="required"
+            class="form-control">
       <option value="">Select species</option>
       {%for spec in species%}
       <option value="{{spec.SpeciesId}}">{{spec.MenuName}}</option>
       {%endfor%}
     </select>
-  </fieldset>
+  </div>
 
-  <fieldset>
-    <input type="submit" value="submit" class="btn btn-primary form-col-2" />
-  </fieldset>
+  <button type="submit" class="btn btn-primary">submit</button>
 </form>
 {%endblock%}