mozilla-b2g/gaia — pull request #8227 by janjongboom (2013-02-21 09:52:05+00:00)
Title: Bug 843512 - Make tap target area of keyboard buttons larger

Fix for [#843512](https://bugzilla.mozilla.org/show_bug.cgi?id=843512). An issue (I have seen it on the GeeksPhone a couple of times, and easy to reproduce on the emulator) is that between every row on the keyboard there is 'dead' space, and the same goes for a couple of pixels below the bottom row. For example, trying to click the ABC/123 button in the lower left corner will fail every now and then because there is a dead spot located there.

This PR makes every button as high as the row, thus eliminating dead spots on the keyboard. The padding and margin cannot be used for this because this will change the button visibly. However, by adding a transparent 0.5rem bottom border to the keys, they will have a larger target area, without any visual change.