added arrow to drop menu

tests_hugo/chat_node/chat_client/chat.html

@@ -16,7 +16,7 @@
 
 			<div class="chat_item controls_area">
 				<!-- MENU -------------- -->
-				<div class="control list drop_down">
+				<div class="control rooms drop_down">
 					<p class="_title" tabindex=0>rooms</p>
 					<div class="_items" tabindex=0 id="rooms">
 						<label for="input_outside"><p class="room_name">test1</p></label>
@@ -60,7 +60,7 @@
 				<div class="msg_box" id="msg_thread">
 					<!-- messages go there -->
 				</div>
-				<p id="msg_box_room_name">test</p>
+				<p id="msg_box_room_name">room name</p>
 				<!-- ACTION BOARD ------ -->
 				<div class="action_board" id="action_board">
 					<div class="action_pannel _create" id="create" tabindex=0>

tests_hugo/chat_node/chat_client/style/msg_controls.css

@@ -1,3 +1,4 @@
+
 .chat_item.controls_area {
 	flex-direction: row;
 }
@@ -22,6 +23,7 @@
 }
 
 
+
 /* * * * * * * * * * * * * * * * * * * *
 	MENU APPEARENCE
 */
@@ -61,6 +63,28 @@
 }
 
 
+
+/* * * * * * * * * * * * * * * * * * * *
+	DROP ARROW
+*/
+
+.drop_down ._title {
+	padding-right: 20px !important;
+}
+.drop_down ._title::after {
+	content: "";
+	position: absolute;
+	top: calc(50% - 4px);
+	right: 5px;
+	width: 0px;
+	height: 10px;
+
+	border: 5px solid transparent;
+	border-top: 10px solid rgb(120, 120, 120);
+}
+
+
+
 /* * * * * * * * * * * * * * * * * * * *
 	SUB MENU APPEARENCE
 */

tests_hugo/chat_node/chat_client/style/msg_thread.css

@@ -15,6 +15,12 @@
 	padding: 5px;
 	border-radius: 5px;
 }
+
+
+/* * * * * * * * * * * * * *
+	ROOM NAME
+*/
+
 .chat_box #msg_box_room_name {
 	position: absolute;
 	top: 0px;
@@ -24,6 +30,7 @@
 	margin: 0px;
 	padding: 2px 5px;
 	font-weight: bold;
+	color: rgb(120, 120, 120);
 }