Give priority to "selected" and "action" over "command" highlighting.

1 files changed, 12 insertions, 12 deletions

diff --git a/play.html b/play.html
index 72b876e..897cf0d 100644
--- a/play.html
+++ b/play.html
@@ -310,14 +310,14 @@ body.Teutons #plan_actions .russian { display: none }
 	filter: grayscale(50%)
 }
 
-.mat.selected .background {
-	box-shadow: 0 0 0 1px #584800, 0 0 0 3px yellow;
-}
-
 .mat.command .background {
 	box-shadow: 0 0 0 1px #584800, 0 0 0 3px gold;
 }
 
+.mat.selected .background {
+	box-shadow: 0 0 0 1px #584800, 0 0 0 3px yellow;
+}
+
 .mat .capabilities {
 	position: absolute;
 	width: 372px;
@@ -900,6 +900,14 @@ body.shift .mustered_vassals {
 	transform: translateY(8px)
 }
 
+.cylinder.command {
+	filter:
+		drop-shadow(2px 0px 0px gold)
+		drop-shadow(0px 2px 0px gold)
+		drop-shadow(0px -2px 0px gold)
+		drop-shadow(-2px 0px 0px gold);
+}
+
 .cylinder.action {
 	filter:
 		drop-shadow(2px 0px 0px white)
@@ -916,14 +924,6 @@ body.shift .mustered_vassals {
 		drop-shadow(-2px 0px 0px yellow);
 }
 
-.cylinder.command {
-	filter:
-		drop-shadow(2px 0px 0px gold)
-		drop-shadow(0px 2px 0px gold)
-		drop-shadow(0px -2px 0px gold)
-		drop-shadow(-2px 0px 0px gold);
-}
-
 .cylinder.andreas { background-image: url(images/lord_teutonic_1.svg) }
 .cylinder.hermann.marshal { background-image: url(images/lord_teutonic_2.svg) }
 .cylinder.hermann { background-image: url(images/lord_teutonic_3.svg) }