From d5c596486bb88cc432f930dfcf0804f90fdb5bd7 Mon Sep 17 00:00:00 2001
From: Alexander Kabui
Date: Tue, 25 Jan 2022 23:04:47 +0300
Subject: styling for carousel

---
 wqflask/wqflask/templates/gn3_ctl_results.html | 30 +++++++++++++-------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/wqflask/wqflask/templates/gn3_ctl_results.html b/wqflask/wqflask/templates/gn3_ctl_results.html
index 365ae2f1..d0090d51 100644
--- a/wqflask/wqflask/templates/gn3_ctl_results.html
+++ b/wqflask/wqflask/templates/gn3_ctl_results.html
@@ -17,20 +17,7 @@
 </style>
 <div style="margin-top:10px">
     <div>
-        <h3>CTL/QTL Plots for Individual Traits</h3>
-        {% for ctl_plot in ctl_plots %}
-        <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}">
-        {% endfor %}
-    </div>
-    <h2 style="text-align:center">Significant CTL </h2>
-    <table id="significance" width="80vw"></table>
-    <div>
-        <h2>Ctl line plot</h2>
-        <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}">
-    </div>
-    <div>
-        <h3>Network figure</h3>
-    </div>
+        <h3 style="text-align:center;">CTL/QTL Plots for Individual Traits</h3>
 
     <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
   <div class="carousel-inner">
@@ -39,7 +26,7 @@
 
 
     <div class="item{% if loop.index == 1 %} active{% endif %}">
-      <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide">
+      <img style="width:1000px;height: 600px;" class="center-block" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide">
     </div>
 
     {% endfor %}
@@ -58,6 +45,19 @@
 </div>
 
 
+    </div>
+    <h2 style="text-align:center">Significant CTL </h2>
+    <table id="significance" width="80vw"></table>
+    <div>
+        <h2>Ctl line plot</h2>
+        <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}">
+    </div>
+    <div>
+        <h3>Network figure</h3>
+    </div>
+
+
+
 </div>
 
 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-- 
cgit v1.2.3