Merge pull request #3734 from OneCommunityGlobal/venkataramanan_fix_weekly_summary_report_justification

Venkataramanan - Change styling in experience donut css to remove common styles applie…

Author: one-community

src/components/ExperienceDonutChart/ExperienceDonutChart.css

@@ -84,9 +84,12 @@ button:hover {
   font-weight: 600;
   text-align: center;
   padding: 2rem 0;
+  text-align: center;
+  font-size: 1rem;
+  color: #666;
 }
 
-p {
+.no-data-available {
   text-align: center;
   font-size: 1rem;
   color: #666;

src/components/ExperienceDonutChart/ExperienceDonutChart.jsx

@@ -217,7 +217,7 @@ function ExperienceDonutChart() {
       <div className="chart-area" style={{ minHeight: '320px', position: 'relative' }}>
         {loading && <LoadingSpinner />}
         {!loading && error && <p className="error-message">{error}</p>}
-        {!loading && !error && !chartData && <p>No Data Available</p>}
+        {!loading && !error && !chartData && <p className="no-data-available">No Data Available</p>}
         {!loading && chartData && (
           <Pie data={chartData.chart} options={options} plugins={[ChartDataLabels]} />
         )}