Кнопки jQuery для мобильных устройств

Question

Я внедряю мобильную версию наших белых страниц в интрасети. Это в основном позволяет вам искать людей, места и команды. Я хочу, чтобы результаты возвращались через ajax и загружались в список, который выглядит следующим образом:

-----------------------------------------------
| Staff                                     2 |
-----------------------------------------------
| Person's Name | Phone number |              |
|               |--------------|  Email       |
| Title         | Mobile       |              |
-----------------------------------------------
| Person's Name |              |              |
|               | Phone number |  Email       |
| Title         |              |              |
-----------------------------------------------

На номера телефона / мобильного телефона и электронную почту можно кликнуть, например, через href = "tel:", а для ввода дополнительной информации нажмите на поле с именем.

Моя проблема заключается в том, что кнопки в одном ряду имеют разную высоту, потому что в поле имени больше содержимого. Кто-нибудь знает, как это исправить? Пример на http://jsfiddle.net/Ruhley/chLSR/

Спасибо

Answer 1

Я бы использовал CSS, если вы используете кнопки только для этих карточек с именами, вы можете сделать это:

.ui-btn {
    height: 50px;
    vertical-align: middle;
}

JSFiddle: http://jsfiddle.net/chLSR/2/

Скорее всего, вы используете кнопкив другом месте на странице, поэтому я бы рекомендовал просто создать класс, такой как:

.namecard {
    height: 50px;
    vertical-align: middle;
}