Fix angular pie charts appearance

The recent pie charts scss changes made as part of
horizon-theme-css-reorg improved the overall theming capabilities, but
broke a bit layout of pie charts used inside angularized Launch
Instance NG. That's caused by the fact that both types of pie charts
use .pie-chart - but for different subelements. Angular pie chart
marks the top-level chart element with it (the one which contains
title, chart and legend), while legacy pie charts use this class for
the chart's svg. This patch fixes that by renaming the class name of
legacy pie charts both in scss and horizon.d3piechart.js.

Change-Id: Ie803cb7bffdd9cfc508035e16d8e06d284d2f0f0
Closes-Bug: #1493426

horizon/static/horizon/js/horizon.d3piechart.js

@@ -23,7 +23,7 @@ var RADIUS = 45;
 
 function create_vis(chart) {
   return d3.select(chart).append("svg:svg")
-    .attr("class", "chart pie-chart")
+    .attr("class", "chart legacy-pie-chart")
     .attr("viewBox", "0 0 " + WIDTH + " " + HEIGHT )
     .append("g")
     .attr("transform",

openstack_dashboard/static/dashboard/scss/components/_pie_charts.scss

@@ -30,7 +30,7 @@
 }
 
 // This is who sets the size of the pie chart
-.pie-chart {
+.legacy-pie-chart {
   width: $font-size-h1*3;
   height: $font-size-h1*3;