<script>
var content = d3.select("#content");
-var consensus_div = content.append("div")
-consensus_div.append("div")
- .attr("id", "consensus-pie")
- .style("width", PieDrawer.width + "px")
- .style("height", PieDrawer.height + "px")
- .style("float", "left");
-consensus_div.append("div")
- .style("width", "400px")
- .style("margin-left", "5px")
- .style("line-height", PieDrawer.height + "px")
- .style("font-weight", "bold")
+var consensus_figure = content.append("figure")
+ .style("margin", "0")
+ .style("width", "45%")
.style("float", "left")
+ .style("text-align", "center");
+consensus_figure.append("span")
+ .attr("id", "consensus-pie");
+consensus_figure.append("figcaption")
.text(L10n.consensus_weight);
-var exit_div = content.append("div")
-exit_div.append("div")
- .attr("id", "exit-pie")
- .style("width", PieDrawer.width)
- .style("height", PieDrawer.height)
- .style("clear", "left")
- .style("float", "left");
-exit_div.append("div")
- .style("width", "460px")
- .style("margin-left", "5px")
- .style("line-height", PieDrawer.height + "px")
- .style("font-weight", "bold")
+var exit_figure = content.append("figure")
+ .style("margin", "0 5% 0 0")
+ .style("width", "44%")
.style("float", "left")
+ .style("text-align", "center");
+exit_figure.append("span")
+ .attr("id", "exit-pie");
+exit_figure.append("figcaption")
.text(L10n.exit_probability);
content.append("div")