Adjust home chart layout

GeriLife · Jan 7, 2024 · 314c086 · 314c086
1 parent 4e68c52
commit 314c086
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/homes/templates/homes/home_detail_charts.html b/homes/templates/homes/home_detail_charts.html
@@ -3,11 +3,18 @@
 </div>
 
 <div class="row">
-    {{ monthly_activity_hours_by_type_chart|safe }}
-</div>
+    <!--
+        Note: these column dimensions must be specified,
+        so that Plotly charts will not overlap.
+    -->
+    <div class="col-sm-12 col-md-12 col-lg-6">
+        {{ monthly_activity_hours_by_type_chart|safe }}
+    </div>
 
-<div class="row">
-    {{ monthly_activity_hours_by_caregiver_role_chart|safe }}
+
+    <div class="col-sm-12 col-md-12 col-lg-6">
+        {{ monthly_activity_hours_by_caregiver_role_chart|safe }}
+    </div>
 </div>
 
 <div class="row">