WordPress login button should follow branding resources guidelines

[pdehaan]

I think the WordPress login button should have an angled right edge, per the branding guidelines:

This is my current WordPress login button:

Here is the Persona login button on 123done.org:

And the branding resources guidelines and links to Sean Martell's style primer:
https://developer.mozilla.org/en-US/docs/Mozilla/Persona/branding

[pdehaan]

Not sure if this is because the login buttons for 123done.org and myfavoritebeer.org seem to images instead of HTML/CSS to generate the button.

[shane-tomlinson]

@pdehaan - I am making use of the CSS buttons from https://developer.mozilla.org/en-US/docs/Mozilla/Persona/branding?redirectlocale=en-US&redirectslug=persona%2Fbranding.

The CSS buttons are significantly more flexible than the image based buttons used on the development RPs in that changing the text inside the button is trivially easy. I tried to add the right hand arrow, but so far have not figured out how to do this.

If someone can figure out how to add the right arrow using CSS only, I'm down. Otherwise, we might have to close this as "cantfix"

[Erudition]

Dive the arrow area in to a top and bottom half div, then do that trick where the border is so thick that it cuts the div in half diagonally, or something.
http://code.tutsplus.com/tutorials/how-to-create-diagonal-lines-with-css--net-20763