From 97597b603e540e8db2fde4608bbe0736127de845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 13 Mar 2018 14:22:53 +0100
Subject: [PATCH] Add navigation list instead of buttons Adjust icon-size

---
 .../participant-room.component.html           | 21 +++++++------------
 .../participant-room.component.scss           |  3 +++
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/app/participant-room/participant-room.component.html b/src/app/participant-room/participant-room.component.html
index 139a75e0e..3342806a0 100644
--- a/src/app/participant-room/participant-room.component.html
+++ b/src/app/participant-room/participant-room.component.html
@@ -27,22 +27,17 @@
         </mat-grid-tile>
       </mat-grid-list>
       <mat-nav-list>
-        <mat-list-item color="primary">
-          <button mat-button  matTooltip="Join question round" routerLink="/participant/room/{{ room.id }}/questions">
+        <mat-list-item matTooltip="Join question round" routerLink="/participant/room/{{ room.id }}/questions">
             Contents
-          </button>
         </mat-list-item>
-      </mat-nav-list>
-      <mat-card-header fxLayoutAlign="center">
-        <button mat-button color="primary" matTooltip="See room comments">
+
+        <mat-list-item matTooltip="See room comments">
           Comments
-        </button>
-      </mat-card-header>
-      <mat-card-header fxLayoutAlign="center">
-        <button mat-button color="primary" matTooltip="Start personal question round">
-          Learn
-        </button>
-      </mat-card-header>
+          </mat-list-item>
+          <mat-list-item matTooltip="Join question round">
+            Learn
+          </mat-list-item>
+          </mat-nav-list>
     </mat-card>
   </div>
   <button mat-button color="primary" (click)="goBack()">Back</button>
diff --git a/src/app/participant-room/participant-room.component.scss b/src/app/participant-room/participant-room.component.scss
index f39ead8e5..cb234048c 100644
--- a/src/app/participant-room/participant-room.component.scss
+++ b/src/app/participant-room/participant-room.component.scss
@@ -6,3 +6,6 @@ mat-card {
 mat-card-content>:first-child {
   margin-top: 16px;
 }
+mat-icon {
+  font-size: 500%;
+}
-- 
GitLab