From 838d855c7272000b6bccaa7f6e5fc5102e7ae5e4 Mon Sep 17 00:00:00 2001
From: Guangcong Luo <guangcongluo@gmail.com>
Date: Wed, 15 Jul 2015 18:01:40 -0400
Subject: [PATCH] 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 | 14 +++++++++++---
 style/client.css | 10 ++++++++--
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/style/battle.css b/style/battle.css
index fe9a3189e..442fe2856 100644
--- a/style/battle.css
+++ b/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;
diff --git a/style/client.css b/style/client.css
index e5d47ba85..aa633391a 100644
--- a/style/client.css
+++ b/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;