wip layout added line under ontrols

tests_hugo/chat_node/chat_client/chat.html

@@ -48,15 +48,15 @@
 					</div>
 					<!-- placeholders
 					-->
-					<button class="chat_room_name">
+					<button class="chat_room_name" onclick="layout('room')">
 						<p>a room</p>
 					</button>
-					<button class="chat_room_name">
+					<button class="chat_room_name" onclick="layout('room')">
 						<p>another room</p>
 					</button>
-					<div class="chat_room_name">
+					<button class="chat_room_name" onclick="layout('room')">
 						<p>placeholder</p>
-					</div>
+					</button>
 					<!-- END placeholders -->
 				</div>
 			</div>

tests_hugo/chat_node/chat_client/style/chat__global.css

@@ -15,3 +15,10 @@
 	display: flex;
 	color: rgb(100, 100, 100);
 }
+
+
+/* separation line under controls
+*/
+#chat_box .chat_item.chat_panel {
+	border-top: 1px solid black;
+}

tests_hugo/chat_node/chat_client/style/layout_home.css

@@ -12,7 +12,6 @@
 	display: flex;
 }
 
-
 /* button "new" appearance
 */
 /* add or remove '.chat_item' to toggle the hover effect */