update charts layout

aaronwmorris · Dec 1, 2023 · 9f3cf6c · 9f3cf6c
1 parent 18c8fea
commit 9f3cf6c
Showing 1 changed file with 31 additions and 13 deletions.
diff --git a/indi_allsky/flask/templates/chart.html b/indi_allsky/flask/templates/chart.html
@@ -481,45 +481,63 @@
 <hr>
 
 <div class="row">
-    <div class="col-sm-5"></div>
-    <div class="col-sm-7">
+    <div class="text-center">
         <div class="text-muted" id="message">No Timelapse Data</div>
     </div>
 </div>
 
-<div class="row bg-dark">
+<div class="row">
     <div class="col-sm-6">
-        <canvas id="sqm-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="sqm-chart"></canvas>
+        </div>
     </div>
 
     <div class="col-sm-6">
-        <canvas id="sqm_d-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="sqm_d-chart"></canvas>
+        </div>
     </div>
 </div>
 
-<div class="row bg-dark">
+<div class="row">
     <div class="col-sm-6">
-        <canvas id="stars-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="stars-chart"></canvas>
+        </div>
     </div>
 
     <div class="col-sm-6">
-        <canvas id="exposure-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="exposure-chart"></canvas>
+        </div>
     </div>
 </div>
 
-<div class="row bg-dark">
+<div class="row">
     <div class="col-sm-6">
-        <canvas id="temp-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="temp-chart"></canvas>
+        </div>
     </div>
 
     <div class="col-sm-6">
-        <canvas id="detection-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="detection-chart"></canvas>
+        </div>
     </div>
 </div>
 
-<div class="row bg-dark">
+<div class="row">
     <div class="col-sm-6">
-        <canvas id="histogram-chart"></canvas>
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="histogram-chart"></canvas>
+        </div>
+    </div>
+    <div class="col-sm-6">
+        <div class="bg-dark" style="margin:3px">
+            <canvas id="xxx"></canvas>
+        </div>
     </div>
 </div>