 svg.append("path").classed("left-goal", true)
 svg.append("path").classed("right-goal", true)
 svg.append("text").classed("time-left", true)
+  .attr("lengthAdjust", "spacingAndGlyphs")
 svg.append("text").classed("team-name", true)
   .classed("left-name", true)
   .attr("text-anchor", "start")
-  .attr("alignment-baseline", "hanging")
+  .attr("lengthAdjust", "spacingAndGlyphs")
 svg.append("text").classed("team-name", true)
   .classed("right-name", true)
   .attr("text-anchor", "end")
-  .attr("alignment-baseline", "hanging")
+  .attr("lengthAdjust", "spacingAndGlyphs")
 
 # draw default sized field
 drawField(default_geometry_field)

# Time voodoo: converting ticks to minutes:seconds
#XXX: tried to use moment.js without success
ticks_to_time = (ticks) ->
  #TODO: time may be negative, ought to represent that
  if ticks?
    time = "#{pad(~~(Math.abs(ticks) / (60 * 1000000)), 2, " ")}:#{pad(Math.abs(~~(ticks / 1000000)) % 60, 2)}"
    if ticks > 0 then time else "-#{time}"

robot_label = (r) ->
  r.robot_id

transitionDuration = 750

drawField = (field_geometry, is_blue_left=true) ->

  # spacing between lines
