work on wgcna_setup form

1 files changed, 29 insertions, 25 deletions

diff --git a/wqflask/wqflask/templates/wgcna_setup.html b/wqflask/wqflask/templates/wgcna_setup.html
index c5461497..44932389 100644
--- a/wqflask/wqflask/templates/wgcna_setup.html
+++ b/wqflask/wqflask/templates/wgcna_setup.html
@@ -2,8 +2,10 @@
 {% block title %}WCGNA analysis{% endblock %}
 
 {% block content %} <!-- Start of body -->
-<h1> WGCNA analysis parameters</h1>
+
 <div class="container">
+  <div class="col-md-6">
+<h1 class="mx-3 my-2 bg-warning"> WGCNA analysis parameters</h1>
   {% if request.form['trait_list'].split(",")|length < 4 %}
   <div class="alert alert-danger" role="alert">
     <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
@@ -12,38 +14,40 @@
     Please make sure you select enough phenotypes / genes to perform WGCNA. Your collection needs to contain at least 4 different phenotypes. You provided {{request.form['trait_list'].split(',')|length}} phenotypes as input.
   </div>
   {% else %}
-  <form action="/wgcna_results" method="post" class="form-horizontal">
-    <input type="hidden" name="trait_list" id="trait_list" value= "{{request.form['trait_list']}}">
-    <div class="form-group">
-      <label for="SoftThresholds"> Soft threshold: </label>
-      <div class="col-sm-10">
-        <input type="text" class="form-inline" name="SoftThresholds" id="SoftThresholds" value="1,2,3,4,5,6,7,8,9">
-      </div>
+ <form class="col-md-12" action="/wgcna_results" method="post" class="form-horizontal">
+  <input type="hidden" name="trait_list" id="trait_list" value= "{{request.form['trait_list']}}">
+  <div class="form-group row ">
+    <label for="SoftThresholds" class="col-md-3 col-form-label col-form-label-sm">Soft threshhold</label>
+    <div class="col-md-9">
+      <input type="text" class="form-control form-control-md"  value="1,2,3,4,5,6,7,8,9" id="SoftThresholds"  name="SoftThresholds">
     </div>
-    <div class="form-group">
-      <label for="MinModuleSize"> Minimum module size: </label>
-      <div class="col-sm-10">
-        <input type="text" class="form-inline" name="MinModuleSize" id="MinModuleSize" value="30">
-      </div>
+  </div>
+    <div class="form-group row ">
+    <label for="MinModuleSize" class="col-md-3 col-form-label col-form-label-sm">Minimum module size:</label>
+    <div class="col-md-9">
+      <input type="text" class="form-control form-control-md" id="MinModuleSize" value="MinModuleSize">
     </div>
-    <div class="form-group">
-      <label for="TOMtype"> TOMtype: </label>
-      <div class="col-sm-10">
-        <input type="text" class="form-inline" name="TOMtype" id="TOMtype" value="unsigned">
-      </div>
+  </div>
+
+    <div class="form-group row ">
+    <label for="TOMtype" class="col-md-3 col-form-label col-form-label-sm">TOMtype module size:</label>
+    <div class="col-md-9">
+      <input type="text" class="form-control form-control-md" id="TOMtype" value="unsigned">
     </div>
-    <div class="form-group">
-      <label for="mergeCutHeight"> mergeCutHeight: </label>
-      <div class="col-sm-10">
-        <input type="text" class="form-inline" name="mergeCutHeight" id="mergeCutHeight" value="0.25">
-      </div>
+  </div>
+    <div class="form-group row ">
+    <label for="mergeCutHeight" class="col-md-3 col-form-label col-form-label-sm">mergeCutHeight size:</label>
+    <div class="col-md-9">
+      <input type="text" class="form-control form-control-md" id="mergeCutHeight" value="0.25">
     </div>
+  </div>
     <div class="form-group">
-      <div class="col-sm-10">
+      <div class="text-center">
         <input type="submit" class="btn btn-primary" value="Run WGCNA using these settings" />
       </div>
     </div>
-  </form>
+</form>
   {% endif %}
 </div>
+</div>
 {% endblock %}