MOBILE-3814 login: Fix login button sizes and margins

main
Pau Ferrer Ocaña 2022-03-22 12:48:55 +01:00
parent 6e78c1847b
commit 82c8186007
2 changed files with 10 additions and 15 deletions

View File

@ -46,7 +46,7 @@
</core-show-password> </core-show-password>
</ion-item> </ion-item>
<ion-button expand="block" type="submit" [disabled]="siteChecked && !isBrowserSSO && !credForm.valid" <ion-button expand="block" type="submit" [disabled]="siteChecked && !isBrowserSSO && !credForm.valid"
class="ion-margin core-login-login-button"> class="ion-margin core-login-login-button ion-text-wrap">
{{ 'core.login.loginbutton' | translate }} {{ 'core.login.loginbutton' | translate }}
</ion-button> </ion-button>
<!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 --> <!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->

View File

@ -51,20 +51,15 @@
</ion-input> </ion-input>
</core-show-password> </core-show-password>
</ion-item> </ion-item>
<ion-grid class="ion-padding"> <div class="adaptable-buttons-row">
<ion-row> <ion-button expand="block" fill="outline" (click)="cancel($event)" class="ion-margin ion-text-wrap">
<ion-col> {{ 'core.login.cancel' | translate }}
<ion-button expand="block" fill="outline" (click)="cancel($event)"> </ion-button>
{{ 'core.login.cancel' | translate }} <ion-button type="submit" expand="block" [disabled]="!credForm.valid"
</ion-button> class="ion-margin core-login-login-button ion-text-wrap">
</ion-col> {{ 'core.login.loginbutton' | translate }}
<ion-col> </ion-button>
<ion-button type="submit" expand="block" [disabled]="!credForm.valid"> </div>
{{ 'core.login.loginbutton' | translate }}
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
<ng-container *ngIf="showScanQR"> <ng-container *ngIf="showScanQR">
<div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div> <div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div>