5 files changed, 29 insertions, 21 deletions

diff --git a/webAO/client.js b/webAO/client.js
index b81d5ec..03a72cf 100644
--- a/webAO/client.js
+++ b/webAO/client.js
@@ -1550,17 +1550,16 @@ class Viewport {
 					eviBox.src = safe_tags(client.evidences[this.chatmsg.evidence - 1].icon);
 
 					eviBox.style.width = "auto";
-					eviBox.style.height = "30%";
+					eviBox.style.height = "36.5%";
 					eviBox.style.opacity = 1;
 
 					if (this.chatmsg.side === "def") {
 						// Only def show evidence on right
-						eviBox.style.right = "1.5em";
+						eviBox.style.right = "1em";
 						eviBox.style.left = "initial";
 						} else {
 						eviBox.style.right = "initial";
-						eviBox.style.left = "1.5em";
-						
+						eviBox.style.left = "1em";						
 					}
 				}
 
diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css
index b15ab3a..3294f17 100644
--- a/webAO/styles/classic.css
+++ b/webAO/styles/classic.css
@@ -13,12 +13,18 @@ img {
 #client_name {
 	display: none;
 	padding: 0px 6px;
-	height: 7%;
-	min-width: 3em;
+	height: 5%;
+	min-width: 3.25em;
 	text-justify: distribute;
-	border: 1px solid rgba(255, 255, 255, 0.7);
-	background: rgba(73, 0, 254, 0.5);
-	top: 61%;
+	letter-spacing: 1px;
+	outline: 1px solid rgba(255, 255, 255, 0.5);
+	border: 1px solid rgba(33, 33, 33, 0.5);
+	background: rgba(56, 56, 163, 0.5);
+	box-shadow: 1px 1px rgba(0, 56, 163, 0.5) inset;
+	left: 1px;
+	top: 60.5%;
+	top: calc(60.5% + 1px);
+	-moz-outline-radius: 3px;
 	border-radius: 3px;
 	position: absolute;
 	z-index: 1;
@@ -30,10 +36,10 @@ img {
 	width: 98%;
 	width: calc(100% - 2px);
 	margin: auto;
-	height: 32%;
-	border: 1px solid rgba(255, 255, 255, 0.7);
+	height: 33%;
+	border: 2px solid rgba(255, 255, 255, 0.5);
 	background-color: rgba(0, 0, 0, 0.5);
-	top: 68%;
+	top: 66.5%;
 	border-radius: 4px;
 	position: absolute;
 	word-break: keep-all;
@@ -45,23 +51,26 @@ img {
 }
 
 #client_chat p {
-	margin: 4px;
+	padding: 3px 8px;
 	color: white;
+	margin: 1px;
+	letter-spacing: 1px;
+	line-height: 90%;
 }
 
 #client_chatwaiting {
 	display: block;
-	right: 0px;
-	bottom: 0.25em;
+	right: -6px;
+	bottom: 0.4em;
 	width: 1em;
 	position: absolute;
 	animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0%   {right: -2px;}
-  	50%  {right: 2px;}
-  	100% {right: -2px;}
+	0%   {right: -4px;}
+  	50%  {right: -6px;}
+  	100% {right: -4px;}
   }
 
 #evi_name {
diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 70d6096..bbe8952 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -193,7 +193,7 @@
 	background-size: contain;
 	height: 0%;
 	width: auto;
-	top: 1.5em;
+	top: 1em;
 	transition: 0.25s linear;  
 	transition-property: height, opacity;
 }
diff --git a/webAO/styles/master.css b/webAO/styles/master.css
index 67cf0b4..243dfba 100644
--- a/webAO/styles/master.css
+++ b/webAO/styles/master.css
@@ -55,7 +55,7 @@
 	top: 35%;
 	right: 0px;
 	padding: 0px;
-	background: url("/images/desc.png") no-repeat;
+	background: url("../images/desc.png") no-repeat;
 	border: 2px solid #888;
 	border-radius: 5px;
 }
diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 10aab6b..41c1f66 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -7,7 +7,7 @@ body {
 	top: 73%;
 	height: 27%;
 	width: 100%;
-	background-image: url("/images/chatbox.svg");
+	background-image: url("../images/chatbox.svg");
 	background-size: cover;
  	background-repeat: no-repeat;
 }