
#chat_box.room {
  grid:
    ' back         room_name    room_name  close      ' auto
    ' panel_msg    panel_msg    panel_msg  panel_msg  ' 1fr
    ' panel_write  panel_write  send       send       ' auto
    / auto         1fr          auto       auto       ;
}
#chat_box.room .chat_item#chat_back,
#chat_box.room .chat_item#chat_room_name,
#chat_box.room .chat_item#chat_close,
#chat_box.room .chat_item#chat_panel_msg,
#chat_box.room .chat_item#chat_send,
#chat_box.room .chat_item#chat_panel_write {
	display: flex;
}


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


/* button "<room_name>" appearance
*/
/* add or remove '.chat_item' to toggle the hover effect */
#chat_box.room button.chat_room_name {
	width: auto;
	background-color: transparent;
}


