jQuery Mobile buttons
I am implementing a mobile version of our intranet white pages. It basically allows you to search for people, places and teams. I want the results to be returned through ajax and loaded into a list that looks like this:

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

The phone/mobile numbers and email are clickable through something like href="tel:" and the name box is clickable for more information.

My problem comes in where there buttons in one row are different heights becuase there is more content in the name box. Does anyone know how to fix this? Example at [http://jsfiddle.net/Ruhley/chLSR/][1]

Thanks


  [1]: http://jsfiddle.net/Ruhley/chLSR/
jQuery Mobile buttons
===

I am implementing a mobile version of our intranet white pages. It basically allows you to search for people, places and teams. I want the results to be returned through ajax and loaded into a list that looks like this:

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

The phone/mobile numbers and email are clickable through something like href="tel:" and the name box is clickable for more information.

My problem comes in where there buttons in one row are different heights becuase there is more content in the name box. Does anyone know how to fix this? Example at [http://jsfiddle.net/Ruhley/chLSR/][1]

Thanks


  [1]: http://jsfiddle.net/Ruhley/chLSR/