This is looks like on iphone and this its ok
http://1drv.ms/1AqjRHn
This is looks like on android and this its wrong
http://1drv.ms/1wZS06a
This is my css
.itemDas {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
.itemDas button {
cursor:pointer;
border:none;
border-color: transparent;
background: none;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 100%;
height: 100%;
}
.itemDas button:active {
opacity:0.5;
}
.itemDas button img {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: 100%;
}
.itemDas p{
color: gray;
font-size: 20px;
text-shadow: 1px 2px 2px white;
}
And This is my Html5
<ion-view title="Menu Principal">
<ion-nav-buttons side="left">
<button menu-toggle="left"class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-content padding="true" class="has-header">
<div class="row">
<div class="col">
<div class="itemDas">
<button ui-sref="app.camera">
<img src="img/checkIcon.png">
<p>CheckIn</p>
</button>
</div>
</div>
<div class="col">
<div class="itemDas">
<button ui-sref="app.customers">
<img src="img/custIcon.png">
<p>Clientes</p>
</button>
</div>
</div>
</div>
</div>
</ion-content>
</ion-view>