From fcd009ade707a652c8eb00d3499ba9d4e9207eb4 Mon Sep 17 00:00:00 2001
From: lenovo <lenovo@lenovo.com>
Date: Sat, 17 Dec 2022 18:29:59 +0100
Subject: [PATCH] layout mute ok

---
 tests_hugo/chat_node/chat_client/chat.html    |  6 ++---
 .../chat_node/chat_client/style/chat_form.css | 23 +++++++++++++++----
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html
index f25c61e0..98c8b220 100644
--- a/tests_hugo/chat_node/chat_client/chat.html
+++ b/tests_hugo/chat_node/chat_client/chat.html
@@ -202,7 +202,7 @@
 					<input  id="chat_private" type="radio" name="chat_create_type">
 					<label for="chat_private" class="_radio"><p>private</p></label>
 					<!-- [ ] protected -->
-					<input  id="chat_protected" class="_check_show_next" type="radio" name="chat_create_type">
+					<input  id="chat_protected" class="_check_change_next" type="radio" name="chat_create_type">
 					<label for="chat_protected" class="_radio"><p>protected</p></label>
 					<!-- [x] protected -->
 					<div class="__content _is_hidden">
@@ -240,9 +240,9 @@
 				<p class="__center">mute this user for a time :</p>
 				<form>
 					<!-- forever -->
-					<input  id="chat_mute_forever" type="checkbox" class="_check_show_next"></input>
+					<input  id="chat_mute_forever" type="checkbox" class="_check_change_next"></input>
 					<label for="chat_mute_forever" class="_checkbox"><p>forever</p></label>
-					<div class="__content _is_gray">
+					<div class="__content _is_not_gray">
 						<!-- minutes -->
 						<label for="chat_mute_minutes" class="_select">
 							<p>minutes :</p>
diff --git a/tests_hugo/chat_node/chat_client/style/chat_form.css b/tests_hugo/chat_node/chat_client/style/chat_form.css
index 148ac85f..0c04c966 100644
--- a/tests_hugo/chat_node/chat_client/style/chat_form.css
+++ b/tests_hugo/chat_node/chat_client/style/chat_form.css
@@ -37,14 +37,18 @@
 }
 
 
-/* hide and show next element on focus
+/* change next element on check
 */
+#chat_box form ._check_change_next:checked ~ ._is_hidden {
+	display: flex;
+}
+#chat_box form ._check_change_next:checked ~ ._is_not_gray {
+	pointer-events: none;
+	color: rgb(100, 100, 100);
+}
 #chat_box form ._is_hidden {
 	display: none;
 }
-#chat_box form ._check_show_next:checked ~ ._is_hidden {
-	display: flex;
-}
 
 
 /* submit button
@@ -60,6 +64,10 @@
 	border: none;
 	margin: 10px 0px 0px auto;
 	cursor: pointer;
+	background-color: rgb(220, 220, 220);
+}
+#chat_box .chat_item form input[type=submit]:hover {
+	background-color: rgb(200, 200, 200);
 }
 
 
@@ -71,6 +79,13 @@
 }
 #chat_box .chat_item form select {
 	margin: auto 0px;
+	background-color: rgb(220, 220, 220);
+	border: none;
+	padding: 5px;
+	cursor: pointer;
+}
+#chat_box .chat_item form select:hover {
+	background-color: rgb(200, 200, 200);
 }