From c5c942e112903091cf42c1fa1985a65819d3dc34 Mon Sep 17 00:00:00 2001
From: Abderrahmane Smimite <smimite@gmail.com>
Date: Sun, 14 Jul 2024 17:54:21 +0200
Subject: [PATCH] improve donut styling

---
 frontend/src/lib/components/Chart/DonutChart.svelte | 7 +++----
 frontend/src/routes/(app)/analytics/+page.svelte    | 8 +-------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/frontend/src/lib/components/Chart/DonutChart.svelte b/frontend/src/lib/components/Chart/DonutChart.svelte
index 218ec0c05..3d860939b 100644
--- a/frontend/src/lib/components/Chart/DonutChart.svelte
+++ b/frontend/src/lib/components/Chart/DonutChart.svelte
@@ -47,9 +47,8 @@
 				}
 			},
 			legend: {
-				top: 20,
-				// left: 'center',
-				right: 10,
+				top: 'bottom',
+				right: '0',
 				orient: orientation
 			},
 			series: [
@@ -70,7 +69,7 @@
 					emphasis: {
 						label: {
 							show: true,
-							fontSize: '40',
+							fontSize: '24',
 							fontWeight: 'bold'
 						}
 					},
diff --git a/frontend/src/routes/(app)/analytics/+page.svelte b/frontend/src/routes/(app)/analytics/+page.svelte
index 1c12f4114..e3d0fe716 100644
--- a/frontend/src/routes/(app)/analytics/+page.svelte
+++ b/frontend/src/routes/(app)/analytics/+page.svelte
@@ -203,13 +203,7 @@
 							name="riskScenariosStatus"
 							title={m.riskScenariosStatus()}
 							values={data.riskScenariosPerStatus.values}
-						/>
-						<BarChart
-							classesContainer="basis-1/3 card p-4 bg-white"
-							name="usedMatrices"
-							title={m.usedRiskMatrices()}
-							labels={data.usedRiskMatrices.map((matrix) => matrix.name)}
-							values={data.usedRiskMatrices.map((matrix) => matrix.risk_assessments_count)}
+							orientation="horizontal"
 						/>
 					</div>
 				</section>