<div class="pagination noselect">
    <div (click)="changePage.emit(1)" class="page-button" id="portraitPage">
        <mat-icon class="chevron-icon" svgIcon="iqser:nav-prev"></mat-icon>
        {{ 'watermark-screen.pagination.portrait' | translate }}
    </div>

    <div class="separator">/</div>

    <div (click)="changePage.emit(2)" class="page-button" id="landscapePage">
        {{ 'watermark-screen.pagination.landscape' | translate }}
        <mat-icon class="chevron-icon" svgIcon="iqser:nav-next"></mat-icon>
    </div>
</div>
