MOBILE-3039 login: Fix credentials css

src/core/login/pages/credentials/credentials.html

@@ -23,7 +23,7 @@
                 <p *ngIf="siteName" padding class="item-heading core-sitename"><core-format-text [text]="siteName"></core-format-text></p>
                 <p *ngIf="siteName" class="core-siteurl">{{siteUrl}}</p>
             </div>
-            <form ion-list [formGroup]="credForm" (ngSubmit)="login($event)">
+            <form ion-list [formGroup]="credForm" (ngSubmit)="login($event)" class="core-login-form">
                 <ion-item *ngIf="siteChecked && !isBrowserSSO">
                     <ion-input type="text" name="username" placeholder="{{ 'core.login.username' | translate }}" formControlName="username" autocapitalize="none" autocorrect="off"></ion-input>
                 </ion-item>

src/core/login/pages/reconnect/reconnect.html

@@ -25,7 +25,7 @@
                 <ion-icon padding name="alert"></ion-icon> {{ 'core.login.reconnectdescription' | translate }}
             </p>
         </div>
-        <ion-list>
+        <ion-list class="core-login-form">
             <ion-item padding text-wrap class="core-username">
                 <p class="item-heading">{{ 'core.login.username' | translate }}</p>
                 <p>{{username}}</p>

src/core/login/pages/reconnect/reconnect.scss

@@ -19,12 +19,12 @@ ion-app.app-root page-core-login-reconnect {
         border: 1px solid $core-login-box-background-border;
         color: $core-login-box-text-color;
 
-        .item {
+        .core-login-form .item {
             background-color: $core-login-item-background-color;
             @include padding-horizontal(0);
         }
 
-        .item-inner {
+        .core-login-form .item-inner {
             background-color: $core-login-item-inner-background-color;
             @include padding-horizontal(0);
         }