title: How can I hide the horizontal line in the login form of the ionic HTML mobile UI?
body: <p>I have tried to design this login form on the HTML ionic mobile UI. Everything seems good. But I don't want that horizontal line that comes in between the Forgot password label and the LOGIN button.How can I hide it?</p>
  
  <p>Login.html:</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;!-- &lt;ion-navbar&gt;
      &lt;ion-title&gt;login&lt;/ion-title&gt;
    &lt;/ion-navbar&gt; --&gt;
  &lt;/ion-header&gt;
  
  
  &lt;ion-content padding&gt;
  
    &lt;img src="assets/imgs/homeconn_header.png" class="page-login" /&gt;
  
    &lt;form [formGroup]="form"&gt;
      &lt;ion-item&gt;
        &lt;ion-label color="primary" floating&gt;Email address&lt;/ion-label&gt;
        &lt;ion-input type="email" [(ngModel)]="vm.username" placeholder="Email address" formControlName="username" tabindex="1" (keyup)="moveFocus($event,password, false)"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
      &lt;div class="error-message" *ngIf="form.controls.username.errors &amp;&amp; (form.controls.username.dirty || form.controls.username.touched)"&gt;
        &lt;p class="validation-align"  *ngIf="form.controls.username.errors?.required"&gt;Email address is required&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;ion-item&gt;
        &lt;ion-label color="primary" floating&gt;Password&lt;/ion-label&gt;
        &lt;ion-input type="password" [(ngModel)]="vm.password" placeholder="Password"  formControlName="password" tabindex="2" #password (keyup)="moveFocus($event,submitbutton, true)"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
      &lt;div class="error-message" *ngIf="form.controls.password.errors &amp;&amp; (form.controls.password.dirty || form.controls.password.touched)"&gt;
        &lt;p class="validation-password-align" *ngIf="form.controls.password.errors?.required"&gt;Password is required&lt;/p&gt;
      &lt;/div&gt;
      &lt;ion-item&gt;
          &lt;ion-label (click)="forgotpasswrd()" class="btn-style"&gt;Forgot Password?&lt;/ion-label&gt;
      &lt;/ion-item&gt;
  
  
  &lt;div class="btn-submit"&gt;
      &lt;button ion-button name="loginbutton" (click)="login()" tabindex="3" #submitbutton&gt;Login&lt;/button&gt;
  &lt;/div&gt;
    &lt;/form&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>My login.scss file</p>
  
  <pre><code>{
  text-align: center;
  }
  .forgotposition{
      width:"100%";
      text-align: "right";
  }
  
  .btn-style{
      width: 100%;
      text-align: end;
  
  }
  
  .login-btn{
      width: 100%;
      padding: 5%;
  }
  .btn-submit{
      margin-top: 20px;
      text-align: center;
   }
   .validation-align{
  
      margin-right: 35%;
  
  
   }
   .validation-password-align{
  
      margin-right: 43%;
  
    }
  </code></pre>
  
  <p>page login:</p>
  
  <p><a href="https://i.stack.imgur.com/0k9k0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0k9k0.png" alt="page-login"></a></p>