How correct unaligned highlight in input

@david_bc wrote:

Hi evyone .

Following the documentation, i did a simple Login form .

But the highlight is not aligned with the previous (see screenshot).

How can I override this ? Don’t find nothing in ionic saas variable .

The problem is present in the documentation.

Here is my form :

  <form (ngSubmit)="login()" #registerForm="ngForm">
     <ion-row>
     <ion-col>
      <ion-list>
      <ion-item>
        <ion-label floating><ion-icon name="contact" floating item-left></ion-icon>
        Login</ion-label>
        <ion-input type="text"  name="login" [(ngModel)]="credentials.login" required></ion-input>
      </ion-item>

      <ion-item>
        <ion-label floating><ion-icon name="lock" floating item-left></ion-icon>
        Password</ion-label>
        <ion-input type="password"  name="password" [(ngModel)]="credentials.password" required></ion-input>
      </ion-item>
    </ion-list>
  </ion-col>
</ion-row>
<ion-row>
  <ion-col>
    <button ion-button  color="primary" full type="submit" [disabled]="!registerForm.form.valid">Login</button>
  </ion-col>
</ion-row>

thanks for any help

Posts: 1

Participants: 1

Read full topic