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