       .attr("transform", (d,i) -> "translate(#{0},#{40 * (i + 1)})")
 
     keys.append("rect")
-      .attr("width", 5)
-      .attr("height", 5)
+      .attr("width", 10)
+      .attr("height", 10)
       .attr("fill", (d) -> colorScale(d.name))
 
     keys.append("text")
       .text((d) -> d.name)
       .attr("text-anchor", "left")
-      .attr("dx", "1em")
+      .attr("dx", "1.2em")
       .attr("dy", "1em")
 
   return chart

      .attr("y", (d) -> (graphHeight - yScale(d.value) - yPadding))
      .attr("dy", (d) -> if yScale(d.value) < 10 then "-0.3em" else "1.1em")
      .attr("x", (d) -> xScale(d.name) + xScale.rangeBand() / 2)
      .attr("font-size", 5)

  # ---
  # Shows the detail view for a given element

  # names will also be used to color the bars
  colorScale = d3.scale.ordinal()
    .range(["#CD0000","#FF82AB","#FFB5C5","#87CEFF","#B0E2FF",
    "#BFEFFF","#FFDAB9","#FFDEAD","#FFE4C4",
    "#d4d8dd"])

  # yPadding is removed to make room for country names
