X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fchatrooms%2Fchatrooms.component.html;h=4df38dec79e320371092c42fd6789c8ee43cad1e;hb=a172837fe042e8acb3030df2d84cd39615cf5a11;hp=bea94738443a2aa04b85e5904da1b1f5da024983;hpb=53ae6990eb208b7631e46d95a4a65215e1b1b5ac;p=demos%2Fkafka%2Fchat

diff --git a/src/app/chatrooms/chatrooms.component.html b/src/app/chatrooms/chatrooms.component.html
index bea94738..4df38dec 100644
--- a/src/app/chatrooms/chatrooms.component.html
+++ b/src/app/chatrooms/chatrooms.component.html
@@ -1,9 +1,8 @@
-<h2>Available Chatrooms</h2>
-<ul class="chatrooms">
-  <li *ngFor="let chatroom of chatrooms">
-    <button type="button">
-      <span class="badge">{{chatroom.id}}</span>
-      <span class="name">{{chatroom.name}}</span>
-    </button>
-  </li>
-</ul>
+<div class="panel panel-primary">
+  <div class="panel-heading">
+    <h3 class="panel-title">Please Choose a Chat-Room</h3>
+  </div>
+  <div class="panel-body">
+    <button *ngFor="let chatroom of chatrooms" routerLink="/chatroom/{{chatroom.id}}" type="button" class="btn btn-default btn-lg btn-block">{{chatroom.name}}</button>
+  </div>
+</div>