more tips

# Conflicts:
#	play.css

1 files changed, 13 insertions, 1 deletions

diff --git a/play.css b/play.css
index 0ea7f5a..a8837a0 100644
--- a/play.css
+++ b/play.css
@@ -14,11 +14,14 @@ body.America header.your_turn { background-color: hsl(211, 50%, 75%) }
 #log { background-color: hsl(35, 53%, 89%); }
 #turn_info { background-color: hsl(35, 25%, 50%); }
 
-#log .h { border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; }
+#log .h { border-top: 1px solid black; border-bottom: 1px solid black; text-align: center; margin: 6px 0; }
 #log .h.turn { background-color: hsl(35, 45%, 70%); }
 #log .h.britain { background-color: hsl(15, 90%, 80%) }
 #log .h.america { background-color: hsl(211, 50%, 80%) }
 
+#log .tip { cursor: pointer; }
+#log .tip:hover { text-decoration: underline; }
+
 #tooltip {
 	display: none;
 	pointer-events: none;
@@ -99,6 +102,11 @@ body.America header.your_turn { background-color: hsl(211, 50%, 75%) }
 	box-shadow: 0 0 2px 1px #000c, inset 0 0 2px 1px #000c;
 }
 
+.space.tip {
+	border-color: lime;
+	box-shadow: 0 0 2px 1px #000c, inset 0 0 2px 1px #000c;
+}
+
 .space.action.Canada { background-color: #e4795080 }
 .space.action.NY { background-color: #52954680 }
 .space.action.NH { background-color: #ded36380 }
@@ -190,6 +198,10 @@ body.America header.your_turn { background-color: hsl(211, 50%, 75%) }
 	z-index: 1;
 }
 
+.general.tip {
+	box-shadow: 0 0 0 3px lime, 0 0 2px 4px black;
+}
+
 /* CARDS */
 
 #last_played {