MOBILE-4362 signup: Fix buttons margin

main
Dani Palou 2023-10-30 08:43:44 +01:00
parent 8cda49f720
commit 44f8a8e91f
1 changed files with 18 additions and 12 deletions

View File

@ -21,13 +21,13 @@
<div class="list-item-limited-width">
<!-- Site has an unsupported required field. -->
<ion-list *ngIf="!allRequiredSupported">
<ion-list *ngIf="!allRequiredSupported" class="ion-padding">
<ion-item class="ion-text-wrap">
<ion-label>
{{ 'core.login.signuprequiredfieldnotsupported' | translate }}
</ion-label>
</ion-item>
<ion-button expand="block" class="ion-margin" [href]="signupUrl" core-link autoLogin="no" [showBrowserWarning]="false">
<ion-button expand="block" [href]="signupUrl" core-link autoLogin="no" [showBrowserWarning]="false">
{{ 'core.openinbrowser' | translate }}
</ion-button>
</ion-list>
@ -62,9 +62,11 @@
</ion-item>
<!-- Submit button. -->
<ion-button expand="block" class="ion-margin" type="submit" [disabled]="!ageVerificationForm.valid">
<div class="ion-padding">
<ion-button expand="block" type="submit" [disabled]="!ageVerificationForm.valid">
{{ 'core.proceed' | translate }}
</ion-button>
</div>
<ion-item class="ion-text-wrap">
<ion-label>
@ -214,10 +216,12 @@
</ion-item>
</ng-container>
<div class="ion-padding">
<!-- Submit button. -->
<ion-button expand="block" class="ion-margin" type="submit">{{ 'core.login.createaccount' | translate }}</ion-button>
<ion-button expand="block" type="submit">{{ 'core.login.createaccount' | translate }}</ion-button>
<!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->
<input type="submit" class="core-submit-hidden-enter" />
</div>
</form>
</ng-container>
</div>
@ -240,9 +244,11 @@
<p *ngIf="supportEmail">{{ supportEmail }}</p>
</ion-label>
</ion-item>
<ion-button *ngIf="!supportName && !supportEmail" expand="block" class="ion-margin" (click)="showContactOnSite()">
<div class="ion-padding">
<ion-button *ngIf="!supportName && !supportEmail" expand="block" (click)="showContactOnSite()">
{{ 'core.openinbrowser' | translate }}
</ion-button>
</div>
</ion-list>
</div>
</ion-content>