put map in a container

dimagi · Nov 12, 2024 · fa092aa · fa092aa
1 parent 8330b10
commit fa092aa
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/commcare_connect/templates/reports/dashboard.html b/commcare_connect/templates/reports/dashboard.html
@@ -74,15 +74,17 @@ <h2 class="my-2">Program Dashboard</h2>
     </div>
   </div>
 </div>
-<div class="row">
-  <div class="col-12">
-    <h3 class="my-2">Service Delivery Map</h3>
-    <div class="position-relative">
-      <div id="map" class="mt-3 mb-2 rounded border" style="height: 900px;"></div>
-      <div id="map-loading"
-        class="position-absolute top-0 start-0 w-100 h-100 bg-dark bg-opacity-50 d-flex justify-content-center align-items-center">
-        <div class="spinner-border text-light" role="status">
-          <span class="visually-hidden">Loading map...</span>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      <h3 class="my-2">Service Delivery Map</h3>
+      <div class="position-relative">
+        <div id="map" class="mt-3 mb-2 rounded border" style="height: 500px;"></div>
+        <div id="map-loading"
+          class="position-absolute top-0 start-0 w-100 h-100 bg-dark bg-opacity-50 d-flex justify-content-center align-items-center">
+          <div class="spinner-border text-light" role="status">
+            <span class="visually-hidden">Loading map...</span>
+          </div>
         </div>
       </div>
     </div>