diff --git a/src/frontend/app/administration/home/administration.component.html b/src/frontend/app/administration/home/administration.component.html index 53a3b3dd25377d8c1da48e9645ee62c5f243a9cf..1b41660c30e12b8ebae58b62c9c4b8c4d1aa5d5f 100644 --- a/src/frontend/app/administration/home/administration.component.html +++ b/src/frontend/app/administration/home/administration.component.html @@ -8,7 +8,7 @@ </ion-header> <ion-content #mainContent> <ion-grid> - <ion-row class="repeatRows"> + <ion-row [ngClass]="[!signaturesService.mobileMode ? 'repeatRows' : 'repeatRowsMobile']"> <ion-col *ngFor="let privilege of authService.user.administrativePrivileges"> <ion-button [routerLink]="privilege.route" expand="block" size="large" fill="outline" color="secondary" style="height: 200px;"> diff --git a/src/frontend/app/administration/home/administration.component.scss b/src/frontend/app/administration/home/administration.component.scss index 5a078e56c6d0ab34cbc4c4c29a1196f38c4bdaf1..6fd52eed1077293b29d6c1695d822f0bb8e50062 100644 --- a/src/frontend/app/administration/home/administration.component.scss +++ b/src/frontend/app/administration/home/administration.component.scss @@ -63,4 +63,10 @@ .repeatRows { display: grid; grid-template-columns: repeat(4, 1fr); +} + +.repeatRowsMobile { + display: grid; + grid-template-columns: repeat(2, 1fr); + -ms-grid-row-align: 10px; } \ No newline at end of file