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 f0f4c815087cc77be517c68994ebe2d6bbce2ea3..74ce3b49d7578e8aae1093b7ec0bf319c7167624 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 @@ -10,13 +10,10 @@ <h1>{{ room.name }}</h1> </mat-card-title> <mat-card-subtitle fxLayoutAlign="center"> - <mat-icon *ngIf="moderationEnabled" class="gavel"> - gavel - </mat-icon> <span class="room-short-id"> {{ 'room-page.session-id' | translate}}: {{ room.shortId.slice(0, 4) }} {{ room.shortId.slice(4, 8) }} </span> - <button id="copy" mat-icon-button (click)="copyShortId()" aria-labelledby= "cloud_download"> + <button id="copy" *ngIf="deviceType === 'desktop'" mat-icon-button (click)="copyShortId()" aria-labelledby= "cloud_download"> <mat-icon class="copy" matTooltip="{{ 'room-page.copy-session-id' | translate}}">save</mat-icon> </button> </mat-card-subtitle> 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 9f53f5fb5e4f202284216f06a4cf1ea872fbf606..da085d5aea3a22d7441b7127034a4a7bad29beeb 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 @@ -3,7 +3,7 @@ mat-card { width: 100%; max-width: 800px; - min-height: 350px; + min-height: 300px; max-height: 600px; background-color: var(--surface)!important; margin-top: 7%; @@ -70,7 +70,7 @@ mat-card-content > :first-child { font-size: larger; font-weight: bold; color: var(--on-surface)!important; - margin: 5% 5% 0 0; + margin-top: 7%; } mat-grid-list { @@ -98,12 +98,13 @@ p { mat-card-header { min-height: 80px; + margin: 0; height: 10%!important; } mat-card-title { height: 40%; - min-width: 200px; + min-width: 150px; } mat-card-subtitle { @@ -112,6 +113,7 @@ mat-card-subtitle { mat-grid-tile { height: 100%!important; + min-height: 200px; padding-top: 2%!important; } @@ -122,6 +124,7 @@ mat-expansion-panel { } #copy { + margin-left: 10px; width: 24px; height: 24px; }