add the little triangle you get when a message is over

2 files changed, 19 insertions, 3 deletions

diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css
index 3ac5bfe..936caec 100644
--- a/webAO/styles/classic.css
+++ b/webAO/styles/classic.css
@@ -14,6 +14,8 @@ img {
 	display: none;
 	padding: 0px 6px;
 	height: 7%;
+	min-width: 3em;
+	text-justify: distribute;
 	border: 1px solid rgba(255, 255, 255, 0.7);
 	background: rgba(73, 0, 254, 0.5);
 	top: 63%;
@@ -25,10 +27,10 @@ img {
 	font-size: 1em;
 	display: none;
 	width: 98%;
-	width: calc(100% - 4px);
+	width: calc(100% - 2px);
 	margin: auto;
 	height: 30%;
-	border: 2px solid rgba(255, 255, 255, 0.7);
+	border: 1px solid rgba(255, 255, 255, 0.7);
 	background-color: rgba(0, 0, 0, 0.5);
 	top: 70%;
 	border-radius: 4px;
@@ -46,6 +48,21 @@ img {
 	color: white;
 }
 
+#client_chatwaiting {
+	display: block;
+	right: 0px;
+	bottom: 0.25em;
+	width: 1em;
+	position: absolute;
+	animation: idling 0.4s linear infinite;
+}
+
+@keyframes idling {
+	0%   {right: -2px;}
+  	50%  {right: 2px;}
+  	100% {right: -2px;}
+  }
+
 #evi_name {
 	background-color: #393939;
 	color: #ffad18;
diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index e736e16..9997e99 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -171,7 +171,6 @@
 }
 
 #client_bench {
-	display: none;
 	position: absolute;
 	height: auto;
 	width: 100%;