Aligned the google chart

src/assets/js/charts.js

@@ -14,8 +14,10 @@ function drawChart() {
     var options = {
         legend: {alignment: 'end'},
         pieHole: 0.4,
-        width: '500px',
+        backgroundColor: {
-        backgroundColor: '#000'
+            'fill': '#000', 
+            'fillOpacity': 0.01
+          }
     };
     var chart = new google.visualization.PieChart(document.getElementById('collectionGraph'));
 

src/assets/scss/_single-colecoes.scss

@@ -13,4 +13,12 @@
             font-size: 45px;
         }
     }
+}
+.tainacan-estatisticas{
+    #collectionGraph{
+        height: 338px;
+        @media only screen and (max-width: 768px){
+            height: 260px;
+        }
+    }
 }

src/single-colecoes.php

@@ -138,9 +138,11 @@
                     </iframe>
                 </div>
             </div>
-            <div class="col-lg-6 p-5">
+            <div class="col-lg-6 p-0 p-lg-5">
-                <h5 class="text-dark p-4">Coleções do usuário</h5>
+                <h5 class="text-dark pb-0 px-4 pt-4 p-md-4">Coleções do usuário</h5>
-                <div id="collectionGraph" class="bg-black-opacit" style="width: 100%; height: 300px;"></div>
+                <div class="d-flex justify-content-center">
+                    <div id="collectionGraph" class="" style="width: 600px;"></div>
+                </div>
             </div>
             <div class="col-lg-6 p-3">