$definition_body.html html
connector_width = 11
-connector_radius = 5
+connector_radius = 4
connector_slant = 12
add_connector = (tile, horiz, vert) ->
style = {}
switch horiz
when 'left'
- style.right = '100%'
+ style.left = -9
when 'mid'
style.left = 21 - connector_radius
when 'right'
- style.left = '100%'
+ style.right = -9
switch vert
when 'top'
- style.bottom = '100%'
+ style.top = -9
when 'up'
style.top = 21 - connector_radius - connector_slant
when 'down'
style.top = 21 - connector_radius + connector_slant
when 'bot'
- style.top = '100%'
+ style.bottom = -9
tile.connector = $("<div class=\"connector\"></div>").css style
tile.dom.append tile.connector