Cartodb: Change icon/color position on Category Legends

[josecruz]

Context

Re: https://github.com/CartoDB/design/issues/739

We'd like to move the color/icon of the Category Legends to the left so that way we can relate more the data with its icon:

cc @noguerol

[xavijam]

I like this one and it is great for new hires. Sounds good @Jesus89?

[xavijam]

And by the way, if we can fix https://github.com/CartoDB/cartodb.js/issues/1639 in the same PR, it would be great 😬 .

[Jesus89]

@josecruz What are the expected sizes and distances for the legend?

[josecruz]

Hey @Jesus89, as talked in person I post here the distances and sizes (sorry, my bad):

As we said, when combining an icon with the default circled icon, we may need to move it 1px so visually they look centered

[Jesus89]

I think we should add 2px in both sides of the Circle icon, to get 12px:

<----------12px-----------> <-8px-> TITLE
<-2px-><-8px-><-2px-> <-8px-> TITLE

[josecruz]

Perfect @Jesus89, go ahead!

[xavijam]

Production!