Add pretty dots to hint spacing & add ruler