Twenty Twelve: Ordered list items need larger left margins to avoid cutting off digits

[sixhours]

Ordered lists greater than single digits have their list numbers cut off on the left. Possibly related to #21740

Increasing the left margin on .entry-content li and .comment-content li should fix it, but I noticed there are some pretty exact calculations on this and other margins in the theme, so I don't want to disrupt the flow with a quick fix.

I'm able to reproduce this issue in Chrome v23, using the following steps:

1) Create a new post in the Twenty Twelve theme.

2) Create an ordered list with greater than 9 items.

3) View the post and see how numbers after 9 display as single digits.

You should see something like this: ​http://www.evernote.com/shard/s213/sh/3937eeb4-d825-4c48-9b68-f34818c2376a/2d5ac51c97b49e3b4015135716e489eb

[obenland]

Patch will allow for up to 999 list items.

As Caroline pointed out, we don't use 2.57rem (36px) in the stylesheet yet. @DrewStrojny: Would you be okay with that or do you prefer another value?

[lancewillett]

Replying to obenland:

Patch will allow for up to 999 list items.

As Caroline pointed out, we don't use 2.57rem (36px) in the stylesheet yet. @DrewStrojny: Would you be okay with that or do you prefer another value?

This looks logical to me, and tests out.

[lancewillett]

In [21728]:

Twenty Twelve: list items need larger left margins to avoid cutting off the left-side (digit in the case of ordered lists). Props sixhours and obenland, fixes #21750.