
#chat_box.room_set {
  grid:
    ' back            room_name       close          ' auto
    ' panel_room_set  panel_room_set  panel_room_set ' 1fr
    / auto            1fr             auto           ;
}
#chat_box.room_set .chat_item#chat_back,
#chat_box.room_set .chat_item#chat_room_name,
#chat_box.room_set .chat_item#chat_close,
#chat_box.room_set .chat_item#chat_panel_room_set {
	display: flex;
}


/* back btn
*/
#chat_box.room_set .chat_item.chat_back button.back_room {
	display: flex;
}


/* button "<room_name>" appearance
*/
/* add or remove '.chat_item' to toggle the hover effect */
#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;
}

