From ddeab302ea3b68767f1640940f9579ab7dcfd74e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 22 Jan 2019 15:58:26 +0100
Subject: [PATCH] Reposition buttons
---
.../room-creator-page.component.html | 50 ++++++++++++-------
1 file changed, 32 insertions(+), 18 deletions(-)
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index b035a52b9..ecaa61752 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -19,30 +19,44 @@
</p>
</mat-card-content>
<mat-divider></mat-divider>
- <mat-card-actions>
+ <mat-grid-list cols="3" rowHeight="2:1">
+ <mat-grid-tile colspan="1" rowspan="1">
<button mat-button color="primary" background-color="accent"
routerLink="/creator/room/{{ room.shortId }}/create-content">
{{ 'room-page.create-content' | translate }}
</button>
- <button mat-button color="primary"
- routerLink="/creator/room/{{ room.shortId }}/comments">
- {{ 'room-page.comments' | translate }}
- </button>
- <button mat-button color="primary"
- routerLink="/creator/room/{{ room.shortId }}/feedback-barometer">
- {{ 'room-page.live-feedback' | translate }}
- </button>
- <button mat-button color="primary"
- routerLink="/creator/room/{{ room.shortId }}/statistics">
- {{ 'room-page.answer-statistics' | translate }}
- </button>
- <button mat-button *ngIf="!modify" (click)="showEditDialog()" color="primary">
- {{ 'room-page.edit-room' | translate }}
- </button>
- <button mat-button color="warn" (click)="openDeletionRoomDialog()">
+ </mat-grid-tile>
+ <mat-grid-tile>
+ <button mat-button color="primary"
+ routerLink="/creator/room/{{ room.shortId }}/comments">
+ {{ 'room-page.comments' | translate }}
+ </button>
+ </mat-grid-tile>
+ <mat-grid-tile>
+ <button mat-button color="primary"
+ routerLink="/creator/room/{{ room.shortId }}/feedback-barometer">
+ {{ 'room-page.live-feedback' | translate }}
+ </button>
+ </mat-grid-tile>
+ </mat-grid-list>
+ <mat-grid-list cols="3" rowHeight="2:1">
+ <mat-grid-tile>
+ <button mat-button color="primary"
+ routerLink="/creator/room/{{ room.shortId }}/statistics">
+ {{ 'room-page.answer-statistics' | translate }}
+ </button>
+ </mat-grid-tile>
+ <mat-grid-tile>
+ <button mat-button *ngIf="!modify" (click)="showEditDialog()" color="primary">
+ {{ 'room-page.edit-room' | translate }}
+ </button>
+ </mat-grid-tile>
+ <mat-grid-tile>
+ <button mat-icon-button color="warn" (click)="openDeletionRoomDialog()">
{{ 'room-page.delete-room' | translate }}
</button>
- </mat-card-actions>
+ </mat-grid-tile>
+ </mat-grid-list>
<app-content-groups *ngIf="room && room.contentGroups" [contentGroups]="room.contentGroups"></app-content-groups>
</mat-card>
<div *ngIf="!isLoading && !room">Error: room could not be found!</div>
--
GitLab