From e4aad0ead7f3178d7a3b08303cb9cff28db80d46 Mon Sep 17 00:00:00 2001
From: hugogogo <hulamy@e3r2p8.clusters.42paris.fr>
Date: Fri, 16 Dec 2022 14:46:19 +0100
Subject: [PATCH] layout room set ok

---
 tests_hugo/chat_node/chat_client/chat.html             |  8 ++++----
 .../chat_node/chat_client/style/layout_room_set.css    | 10 +++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html
index a282f67e..93c4eab4 100644
--- a/tests_hugo/chat_node/chat_client/chat.html
+++ b/tests_hugo/chat_node/chat_client/chat.html
@@ -137,16 +137,16 @@
 					<!-- placeholders -------
 					-->
 					<button class="chat_room_name btn" onclick="layout('room')">
-						<p class="__left">join room</p>
+						<p class="__left">user 1</p>
 					</button>
 					<button class="chat_room_name btn" onclick="layout('room')">
-						<p class="__left">one room</p>
+						<p class="__left blocked">user 2</p>
 					</button>
 					<button class="chat_room_name btn" onclick="layout('room')">
-						<p class="__left">another room</p>
+						<p class="__left">user 3</p>
 					</button>
 					<button class="chat_room_name btn" onclick="layout('room')">
-						<p class="__left">one more room</p>
+						<p class="__left">user 4</p>
 					</button>
 					<!-- END placeholders -->
 				</div>
diff --git a/tests_hugo/chat_node/chat_client/style/layout_room_set.css b/tests_hugo/chat_node/chat_client/style/layout_room_set.css
index da840ee5..db9ebccd 100644
--- a/tests_hugo/chat_node/chat_client/style/layout_room_set.css
+++ b/tests_hugo/chat_node/chat_client/style/layout_room_set.css
@@ -12,12 +12,20 @@
 	display: flex;
 }
 
+
 /* button "<room_name>" appearance
 */
 /* add or remove '.chat_item' to toggle the hover effect */
-#chat_box.room_name button.chat_item.chat_room_name {
+#chat_box.room_set button.chat_item.chat_room_name {
 	width: auto;
 	background-color: transparent;
 	pointer-events: none;
 }
 
+
+/* button "leave" appearance
+*/
+#chat_box.room_set .chat_item button.chat_leave_btn {
+	margin: 10px 0px;
+}
+