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 671880d5137c520ae846698f66ed5a7b1fd56ece..d95d96ef0162a2e6fdbe123d95db2913f030bb45 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 @@ -2,7 +2,9 @@ <div fxLayout="row" fxLayoutAlign="center"> <mat-progress-spinner *ngIf="isLoading" color="accent" mode="indeterminate"></mat-progress-spinner> <mat-card *ngIf="room"> - <mat-card-header fxLayoutAlign="center"> + <mat-card-header fxLayoutAlign="center" fxLayout="row"> + <span class="fill-remaining-space"></span> + <div fxLayout="column" id="sessionHeader"> <mat-card-title fxLayoutAlign="center"> <h2>{{ room.name }}</h2> </mat-card-title> @@ -11,6 +13,11 @@ {{ room.shortId.slice(0,4) }} {{ room.shortId.slice(4,8) }} </h3> </mat-card-subtitle> + </div> + <span class="fill-remaining-space"></span> + <button mat-icon-button id= "sessionSettingsButton" color="primary" matTooltip="{{ 'room-page.session-settings' | translate}}"> + <mat-icon>settings</mat-icon> + </button> </mat-card-header> <mat-divider></mat-divider> <mat-card-content fxLayoutAlign="center"> diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss index 76845e2de3d591046ba5551c9fcef7a853a8aab3..a423ed2799317bec1776cf0a88017a34a9b56718 100644 --- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss +++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss @@ -79,3 +79,12 @@ mat-expansion-panel { background-color: var(--content-mat-card)!important; min-width: 200px; } + +#sessionHeader { + width: auto; +} + +#sessionSettingsButton { + width: 10%; + float: right; +} diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json index dd4ab8c08f9097cee0a6ff0db0202f161882699a..921baea8c3af06f35b2e58b60e13a64b82d9a215 100644 --- a/src/assets/i18n/creator/de.json +++ b/src/assets/i18n/creator/de.json @@ -20,7 +20,8 @@ "update": "Update", "default-content-group": "Standard", "description": "Beschreibung", - "present": "Präsentieren" + "present": "Präsentieren", + "session-settings": "Session Einstellungen" }, "content": { "content": "Frage", diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json index ac9edfcd94354045d5024e150918d8aaaa0de4b7..a28e7d10733d47beaa738b0d1c02f2e6ebd65778 100644 --- a/src/assets/i18n/creator/en.json +++ b/src/assets/i18n/creator/en.json @@ -20,7 +20,8 @@ "update": "Update", "default-content-group": "Default", "description": "Description", - "present": "Present" + "present": "Present", + "session-settings": "Session settings" }, "content": { "content": "Content",