fix percentage view on mobile layout

[ariestiyansyah]

Percentage number doesn't fit in the middle when using mobile browser, chrome, firefox and safari on desktop, this commit is simple solution.

Before

After

[ericawright]

It's a good catch, Unfortunately it doesn't seem to be quite that simple.
The left rule was added to support Firefox v51 and v52 (which you can download from http://ftp.mozilla.org/pub/firefox/releases/, if you'd like to test)
This is how it looks on 51 with the left rule removed:

[ericawright]

arguably, it is more important to support mobile than older FF versions if we can't find a fix for this easily.

[ariestiyansyah]

@ericawright for me mobile first is important and also considering user who use different browser and screen size is good thing.

[ericawright]

I checked, and it will work for 51 and 52 if you add

.percentage {
...
  left: 50%;
  transform: translateX(-50%);

Plus your removal of the left rule. While you're there, could you remove the width: 98.5px; rule? As I don't think it does anything.
I'd add it myself to your PR but I can't seem to figure out if I can do that or not ;)

Thanks for this!

[ariestiyansyah]

@ericawright thanks Erica, commit updated 5576bc0

[ericawright]

(the test timing out is not your fault) Merging, thank you!