explode label in pie chart

debomatic-webui/public/javascripts/page_history.js

@@ -117,6 +117,9 @@ function Page_History() {
         Chartist.Pie('#distributions-chart', distributions_data, {
             donut: true,
             donutWidth: 15,
+            chartPadding: 15,
+            labelOffset: 15,
+            labelDirection: 'explode',
         });
     }
 

debomatic-webui/public/stylesheets/style.css

@@ -265,6 +265,11 @@ footer .info {
   margin-bottom: 30px;
 }
 
+#distributions-chart.ct-chart {
+  height: 200px;
+  margin-top: -20px;
+}
+
 .ct-chart .ct-label {
   font-size: 0.9em;
 }