From 2bc76dec941f8d4c9c8a27f27915ca0a8dd1c953 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 21 Mar 2026 14:59:19 +0000
Subject: [PATCH] fix: admin reports overflow issue by constraining chart
 containers

---
 includes/pages/reports.php | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/includes/pages/reports.php b/includes/pages/reports.php
index ab7760f..7ba8166 100644
--- a/includes/pages/reports.php
+++ b/includes/pages/reports.php
@@ -156,8 +156,8 @@ $chart_gender_data = array_values($patients_by_gender);
             <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                 <h5 class="fw-bold text-dark mb-0"><?php echo __('visits_by_status'); ?></h5>
             </div>
-            <div class="card-body d-flex justify-content-center">
-                <div style="width: 300px; height: 300px;">
+            <div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
+                <div style="position: relative; width: 300px; height: 300px;">
                     <canvas id="statusChart"></canvas>
                 </div>
             </div>
@@ -168,8 +168,10 @@ $chart_gender_data = array_values($patients_by_gender);
              <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                 <h5 class="fw-bold text-dark mb-0"><?php echo __('revenue_trend'); ?></h5>
             </div>
-            <div class="card-body">
-                <canvas id="revenueChart" style="height: 300px;"></canvas>
+            <div class="card-body" style="min-height: 350px;">
+                <div style="position: relative; height: 300px; width: 100%;">
+                    <canvas id="revenueChart"></canvas>
+                </div>
             </div>
         </div>
     </div>
@@ -182,8 +184,10 @@ $chart_gender_data = array_values($patients_by_gender);
              <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                 <h5 class="fw-bold text-dark mb-0"><?php echo __('top_doctors'); ?></h5>
             </div>
-            <div class="card-body">
-                <canvas id="doctorsChart" style="height: 300px;"></canvas>
+            <div class="card-body" style="min-height: 350px;">
+                <div style="position: relative; height: 300px; width: 100%;">
+                    <canvas id="doctorsChart"></canvas>
+                </div>
             </div>
         </div>
     </div>
@@ -192,8 +196,8 @@ $chart_gender_data = array_values($patients_by_gender);
              <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                 <h5 class="fw-bold text-dark mb-0"><?php echo __('new_patients'); ?> (<?php echo __('gender'); ?>)</h5>
             </div>
-            <div class="card-body d-flex justify-content-center">
-                 <div style="width: 300px; height: 300px;">
+            <div class="card-body d-flex justify-content-center align-items-center" style="min-height: 350px;">
+                 <div style="position: relative; width: 300px; height: 300px;">
                     <canvas id="genderChart"></canvas>
                 </div>
             </div>
@@ -304,4 +308,4 @@ document.addEventListener('DOMContentLoaded', function() {
         }
     });
 });
-</script>
+</script>
\ No newline at end of file