Back button doesn't play nice with other buttons

[David T.]

We would like to have a header that has a back button and home button next to each other.  Unfortunately, when we include a button next to the back button and run our app on a PC in Firefox or IE, the home button displays half a line lower than it should. 

It looks right on the mobile devices that I have tested, but it would be kinda nice if it looked right on the PC too - it's nice to be able to test/demo the app on a PC.


    <div data-role="view" data-title="Test page">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a data-align="left" data-role="backbutton" class="nav-button" href="#index">Back</a>
            <a data-align="left" data-role="button" class="nav-button" href="default.aspx" data-rel="external" data-icon="home"></a>
        </div>
    </header>

[Iliana Dyankova]

Hi David,

I have already answered to your support ticket with the same question, however I am pasting my reply here too:  

By design Kendo UI Mobile fully supports only WebKit-based browsers (such as Google Chrome and Safari). I would advice you to develop under compatible desktop browser. Please test your project under Google Chrome / Safari and let me know if the problem still persists. Thank you in advance for your cooperation.

Regards,
Iliana Nikolova
the Telerik team