Standardizes on Lion badge design

[jonathansampson]

Test plan

1. Set LastPass as your active password manager in Preferences > Security
2. Add a login/password for GitHub
3. Go to https://github.com/login and the LastPass icon with badge should show in the top right corner
4. Confirm it matches spec (below)

Description

• Submitted a ticket for my issue if one did not already exist.
• Used Github auto-closing keywords in the commit message.
• Added/updated tests for this change (for new code or code which already has tests).
• Ran git rebase -i to squash commits (if needed).

Fixes #8185

Before:

After:

[bradleyrichter]

looks great. We should monitor feedback on legibility of the minimized numbers but I think the tradeoff is worth it considering the alternative used by other browsers where the icon is mostly blocked by the badge.

[bsclifton]

LGTM 😄 Similar to the Lion badge, the text is a little narrow / hard to read on Linux

[jonathansampson]

@bsclifton @bradleyrichter The font-game on Linux is weak. I spent some last last week looking at our options, and we have very few. We may need to package a font to use in that case. System-supported defaults were not very promising.

[bradleyrichter]

let’s just go bigger if needed. 1pt should help.

…

On Apr 10, 2017, at 3:11 PM, Jonathan Sampson ***@***.***> wrote: @bsclifton <https://github.com/bsclifton> @bradleyrichter <https://github.com/bradleyrichter> The font-game on Linux is weak. I spent some last last week looking at our options, and we have very few. We may need to package a font to use in that case. System-supported defaults were not very promising. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#8191 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AM4jqjP9PMo1_9WMWG-CAvexmoHXYRvGks5ruqj_gaJpZM4M5AUn>.

[jonathansampson]

@bradleyrichter Bigger, on Linux alone? Or across all OSs?