Hi,
I’m new to Ionic. I’m trying to make a simple form, so I use two labels with placehoder-icon but text inside inputs are not aligned. I tried to add custom class css with fixed witdh for the but the icon are not centered.
login.html
<form ng-submit="postLogin()" name="loginForm">
<div class="list list-inset">
<label class="item item-input">
<i class="icon ion-at placeholder-icon login-placeholder-icon"></i>
<input type="email" name="email" ng-model="email" placeholder="Veuillez entrer votre adresse email" required/>
</label>
<label class="item item-input">
<i class="icon ion-key placeholder-icon login-placeholder-icon"></i>
<input type="password" name="password" ng-model="password" placeholder="Veuillez entrer votre mot de passe" required/>
</label>
<label class="item">
<button class="button button-block button-positive" type="submit">Se connecter</button>
</label>
</div>
</form>
style.css
.login-placeholder-icon {
width:20px !important;
}
Thankd in advance for your help and sorry for my english,