X-Git-Url: https://www.nos-oignons.net/gitweb/website.git/blobdiff_plain/f9c77d7f94ca2b34a5148aa40c925d8220faff10..0739f1d926b3540cc418c440237f4212df483441:/Services.mdwn

diff --git a/Services.mdwn b/Services.mdwn
index fa45cf1..05f29d4 100644
--- a/Services.mdwn
+++ b/Services.mdwn
@@ -9,33 +9,24 @@
 <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")