Bad rendering on real device


#1

Well I just put together a simple app but somehow it makes problems when uploaded to a real device, it looks fine in emulator but when I put it on my own device it just doesn’t render alright.

<!DOCTYPE html>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/jquery.js"></script>
<ion-pane>
    <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>



    </ion-header-bar>
    <ion-content>
        <tour-form>
            <form id="submit">
                <div class="list">
                    <label class="item item-input">
                        <input type="text" placeholder="TID" name="tc">
                    </label>
                    <label class="item item-input">
                        <input type="text" placeholder="Code" name="code">
                    </label>
                    <button class="button button-light">
                        Submit
                    </button>
                </div>
            </form>
        </tour-form>
        <content id="content"></content>
    </ion-content>
</ion-pane>
is the code that creates the following result: The rendering problem is very clearly seen on button.

Does anybody know solution to this problem?