From 40336052bb5d97b8e0ef39fa014ff5b72503f147 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Fri, 21 Jan 2022 10:08:37 +0300
Subject: [PATCH] fix chart titles

---
 src/app/components/charts/charts.component.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/charts/charts.component.html b/src/app/components/charts/charts.component.html
index 5bf986c..4ac9dba 100755
--- a/src/app/components/charts/charts.component.html
+++ b/src/app/components/charts/charts.component.html
@@ -6,12 +6,12 @@
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Pie Chart</h5>
+            <h5 class="text-left w-full">Pie Chart</h5>
             <p-chart type="pie" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Polar Area Chart</h5>
+            <h5 class="text-left w-full">Polar Area Chart</h5>
             <p-chart type="polarArea" [data]="polarData" [options]="polarOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
     </div>
@@ -22,12 +22,12 @@
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Doughnut Chart</h5>
+            <h5 class="text-left w-full">Doughnut Chart</h5>
             <p-chart type="doughnut" [data]="pieData" [options]="pieOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
 
         <div class="card flex flex-column align-items-center">
-            <h5>Radar Chart</h5>
+            <h5 class="text-left w-full">Radar Chart</h5>
             <p-chart type="radar" [data]="radarData" [options]="radarOptions" [style]="{'width': '50%'}"></p-chart>
         </div>
     </div>