X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fchatrooms%2Fchatrooms.component.html;h=c2656757d6b8185612acb76df2ab79f27ce1f76e;hb=dd18c97daff609633700d4ba360d2f6f4440b7d6;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..c2656757 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" type="button" class="btn btn-default btn-lg btn-block">{{chatroom.name}}</button>
+  </div>
+</div>