vingtetun/gaia — comment on commit fe8ce259ef92a9d1494e55b5d9797ff3ed9c67fa
File:  line 0
By davidflanagan:

I've looked at this some more and I don't think it is right.

By setting width and height to 64, you're creating space below and to the right of the button that is touch-sensitive but not marked.

Using a scale factor of 3 (in combination with the scale factor of the containing element) you're ending up displaying the 40x40 icon at 48x48. That still feels a little small to my fingers, but it works better than the old 32x32.

If you use a scale factor of 4, you'd get 64x64 onscreen, which looks big, but is really easy to hit and still looks pretty crisp despite the upscaling.

These are values that I like, but this ends up coming down to a UX issue on which I'm not really qualified to judge:

width: 40px;
height: 40px;
position: absolute;
top: 10px;
right: 10px;
-moz-transform: scale(4);