Change the ui of the ruler

This commit change the design of the ruler and place all the elements in
a svg g element. This allows to use transforms instead of calculating
all the x,y coordinates of all staring and ending points of every line