Tweak chat appearance

- Highlighted messages now span the entire width of the chat.
- Highlighted and personal messages are more vertically centered.
- Links and code are again properly hidden by spoilers

style/battle.css

@@ -103,7 +103,7 @@ License: GPLv2
 .battle-log .chat
 {
 	vertical-align: middle;
-	padding: 4px 0 2px 0;
+	padding: 3px 0 3px 0;
 	font-size: 8pt;
 	/* background: #F6FAFF; */
 }
@@ -137,19 +137,27 @@ License: GPLv2
 	padding: 0px 3px;
 }
 .spoiler a {
-	color: #E2E2E2;
+	color: #CCCCCC;
 }
 .spoiler:hover a,
 .spoiler:active a,
 .spoiler-shown a {
 	color: #2288CC;
 }
-.chat code {
+.chat code,
+.chat .spoiler:hover code,
+.chat .spoiler:active code,
+.chat .spoiler-shown code {
 	border: 1px solid #C0C0C0;
 	background: #EEEEEE;
 	color: black;
 	padding: 0 2px;
 }
+.chat .spoiler code {
+	border: 1px solid #CCCCCC;
+	background: #CCCCCC;
+	color: #CCCCCC;
+}
 .battle-log .rated
 {
 	padding: 3px 4px;

style/client.css

@@ -989,7 +989,7 @@ p.or:after {
 .chat-log .notice,
 .chat-log .chat,
 .pm-log .chat {
-	padding: 4px 0 2px 0;
+	padding: 3px 0 3px 0;
 	font-size: 9pt;
 }
 .chat em {
@@ -1008,7 +1008,13 @@ p.or:after {
 	display: none;
 }
 .highlighted {
-	background-color: rgba(255,180,100,0.33);
+	background: rgba(255,200,80,0.33);
+}
+.chat.highlighted {
+	margin-left: -8px;
+	margin-right: -8px;
+	padding-left: 8px;
+	padding-right: 8px;
 }
 .revealed {
 	background-color: #C8FDEA;