diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html
index 9989bdb4..14c2497b 100644
--- a/tests_hugo/chat_node/chat_client/chat.html
+++ b/tests_hugo/chat_node/chat_client/chat.html
@@ -21,18 +21,18 @@
 
 		<div class="close" id="chat_box">
 
-			<button class="chat_item       chat_chat"      id="chat_chat"       onclick="layout('home')"                     ><p>chat</p></button>
-			<button class="chat_item       chat_close"     id="chat_close"      onclick="layout('close')"    title="close"   ></button>
-			<button class="chat_item       chat_new"       id="chat_new"        onclick="layout('new')"      title="new"     ><p>new</p></button>
-			<button class="chat_item       chat_settings"  id="chat_settings"   onclick="layout('settings')" title="settings"><p>settings</p></button>
-			<button class="chat_item       chat_room_name" id="chat_room_name"  onclick="layout('room_set')"                 ><p>placeholder</p></button>
-			<button class="chat_item       chat_send"      id="chat_send"       onclick="send_msg()"         title="send"    ><p>send</p></button>
-			<p      class="chat_item       chat_create"    id="chat_create"                                                  >create</p>
-			<p      class="chat_item       chat_user"      id="chat_user"                                                    >placeholder</p>
-			<button class="chat_item _back chat_back_room" id="chat_back_room"  onclick="layout('room')"     title="go_back" ></button>
-			<button class="chat_item _back chat_back_home" id="chat_back_home"  onclick="layout('home')"     title="go_back" ></button>
-			<button class="chat_item _back chat_back_new"  id="chat_back_new"   onclick="layout('new')"      title="go_back" ></button>
-			<button class="chat_item _back chat_back_user" id="chat_back_user"  onclick="layout('user')"     title="go_back" ></button>
+			<button class="chat_item       chat_chat      _btn" id="chat_chat"       onclick="layout('home')"                     ><p>chat</p></button>
+			<button class="chat_item       chat_close     _btn" id="chat_close"      onclick="layout('close')"    title="close"   ></button>
+			<button class="chat_item       chat_new       _btn" id="chat_new"        onclick="layout('new')"      title="new"     ><p>new</p></button>
+			<button class="chat_item       chat_settings  _btn" id="chat_settings"   onclick="layout('settings')" title="settings"><p>settings</p></button>
+			<button class="chat_item       chat_room_name _btn" id="chat_room_name"  onclick="layout('room_set')"                 ><p>placeholder</p></button>
+			<button class="chat_item       chat_send      _btn" id="chat_send"       onclick="send_msg()"         title="send"    ><p>send</p></button>
+			<p      class="chat_item       chat_create"         id="chat_create"                                                  >create</p>
+			<p      class="chat_item       chat_user"           id="chat_user"                                                    >placeholder</p>
+			<button class="chat_item _back chat_back_room _btn" id="chat_back_room"  onclick="layout('room')"     title="go_back" ></button>
+			<button class="chat_item _back chat_back_home _btn" id="chat_back_home"  onclick="layout('home')"     title="go_back" ></button>
+			<button class="chat_item _back chat_back_new  _btn" id="chat_back_new"   onclick="layout('new')"      title="go_back" ></button>
+			<button class="chat_item _back chat_back_user _btn" id="chat_back_user"  onclick="layout('user')"     title="go_back" ></button>
 
 
 			<!-- --------------------------------
@@ -42,19 +42,19 @@
 			<!-- HOME -->
 			<div class="chat_item chat_panel chat_panel_home" id="chat_panel_home">
 				<p class="__center">list of your rooms :</p>
-				<div id="chat_api_room_list" class="chat_api">
+				<div id="chat_api_room_list" class="chat_api __list_btn">
 					<div class="chat_room_name __show_if_only_child">
 						<p class="__center">/ you have no chat room yet /</p>
 					</div>
 					<!-- placeholders -------
 					-->
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">a room</p>
 					</button>
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">another room</p>
 					</button>
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">placeholder</p>
 					</button>
 					<!-- END placeholders -->
@@ -80,24 +80,24 @@
 
 			<!-- NEW -->
 			<div class="chat_item chat_panel chat_panel_new" id="chat_panel_new">
-				<button class="chat_create_btn"><p>create</p></button>
+				<button class="chat_create_btn _btn"><p>create</p></button>
 				<p>join room :</p>
-				<div id="chat_api_publics_rooms" class="chat_api chat_public_rooms">
+				<div id="chat_api_publics_rooms" class="chat_api chat_public_rooms __list_btn">
 					<div class="chat_public_rooms __show_if_only_child">
 						<p class="__center">/ there are no public rooms yet /</p>
 					</div>
 					<!-- placeholders -------
 					-->
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">join room</p>
 					</button>
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">one room</p>
 					</button>
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">another room</p>
 					</button>
-					<button class="chat_room_name" onclick="layout('room')">
+					<button class="chat_room_name _btn" onclick="layout('room')">
 						<p class="__left">one more room</p>
 					</button>
 					<!-- END placeholders -->
@@ -106,8 +106,27 @@
 
 			<!-- SETTINGS -->
 			<div class="chat_item chat_panel chat_panel_settings" id="chat_panel_settings">
-				<!-- content -->
-				panel settings
+				<p>blocked users :</p>
+				<div id="chat_api_blocked_users" class="chat_api chat_blocked_users __list_btn">
+					<div class="__show_if_only_child">
+						<p class="__center">/ you haven't block any one /</p>
+					</div>
+					<!-- placeholders -------
+					-->
+					<button class="chat_user _blocked _btn" onclick="layout('user')">
+						<p class="__left">user 1</p>
+					</button>
+					<button class="chat_user _blocked _btn" onclick="layout('user')">
+						<p class="__left">user 2</p>
+					</button>
+					<button class="chat_user _blocked _btn" onclick="layout('user')">
+						<p class="__left">user 3</p>
+					</button>
+					<button class="chat_user _blocked _btn" onclick="layout('user')">
+						<p class="__left">user 4</p>
+					</button>
+					<!-- END placeholders -->
+				</div>
 			</div>
 
 			<!-- ROOM SET -->
diff --git a/tests_hugo/chat_node/chat_client/style/chat__global.css b/tests_hugo/chat_node/chat_client/style/chat__global.css
index 4eafe842..e8e26590 100644
--- a/tests_hugo/chat_node/chat_client/style/chat__global.css
+++ b/tests_hugo/chat_node/chat_client/style/chat__global.css
@@ -45,3 +45,16 @@
 }
 
 
+/* style btn when it's a list
+*/
+/* add or remove '._btn' to toggle the hover effect */
+#chat_box .chat_item .__list_btn button {
+	margin: 0px;
+	background-color: transparent;
+}
+#chat_box .chat_item .__list_btn {
+	background-color: rgb(240, 240, 240);
+}
+
+
+
diff --git a/tests_hugo/chat_node/chat_client/style/chat_room_list.css b/tests_hugo/chat_node/chat_client/style/chat_room_list.css
deleted file mode 100644
index ae2491a7..00000000
--- a/tests_hugo/chat_node/chat_client/style/chat_room_list.css
+++ /dev/null
@@ -1,14 +0,0 @@
-
-#chat_box #chat_panel_home .chat_room_name {
-	margin: 0px;
-}
-
-/* add or remove '.chat_item' to toggle the hover effect */
-#chat_box button.chat_room_name {
-	background-color: transparent;
-}
-
-#chat_box #chat_panel_home .chat_room_name p {
-	margin-left: 0px;
-}
-
diff --git a/tests_hugo/chat_node/chat_client/style/layout_new.css b/tests_hugo/chat_node/chat_client/style/layout_new.css
index 4dc512ca..fadb6d6c 100644
--- a/tests_hugo/chat_node/chat_client/style/layout_new.css
+++ b/tests_hugo/chat_node/chat_client/style/layout_new.css
@@ -29,19 +29,4 @@
 }
 
 
-/* buttons "<rooms_name>" appearance
-*/
-/* add or remove '.chat_item' to toggle the hover effect */
-#chat_box.new .chat_public_rooms button {
-	margin: 0px;
-	background-color: transparent;
-}
-
-
-/* buttons "<rooms_name>" appearance
-*/
-#chat_box.new #chat_api_publics_rooms {
-	background-color: rgb(240, 240, 240);
-}
-