AVP-85 Active link when clicking of Parent's email address

app/Views/administrator/daily_attendance_analysis.php

@@ -71,9 +71,20 @@
         max-height: none;
         overflow: visible;
       }
+      .attn-pie-wrap {
+        width: 320px;
+        height: 320px;
+        margin: 0 auto;
+      }
       @media (max-width: 1200px) {
         .attn-analysis-half { grid-column: span 12; }
       }
+      @media (max-width: 576px) {
+        .attn-pie-wrap {
+          width: 180px;
+          height: 180px;
+        }
+      }
     </style>
     <?= $this->endSection() ?>
 
@@ -291,7 +302,9 @@
     <div class="attn-analysis-grid">
       <div class="attn-analysis-card attn-analysis-half">
         <h6>Overall Distribution</h6>
-        <canvas id="attnPieChart" height="50" aria-label="Overall attendance pie chart"></canvas>
+        <div class="attn-pie-wrap">
+          <canvas id="attnPieChart" aria-label="Overall attendance pie chart"></canvas>
+        </div>
         <table class="attn-analysis-table mt-3 no-mgmt-sticky" data-no-mgmt-sticky>
           <thead>
             <tr>
@@ -415,6 +428,8 @@
         }]
       },
       options: {
+        responsive: true,
+        maintainAspectRatio: false,
         plugins: {
           tooltip: {
             callbacks: {