Hatch pattern for showing battle control.

1 files changed, 15 insertions, 26 deletions

diff --git a/play.html b/play.html
index a7775e8..0cfbcae 100644
--- a/play.html
+++ b/play.html
@@ -301,12 +301,22 @@ svg .hex.refit.action {
 	stroke: lightskyblue;
 }
 
+svg .hex.to {
+	stroke: blue;
+	stroke-dasharray: 4 4;
+}
+
 svg .hex.action {
 	stroke: ivory;
 	stroke-dasharray: 2 2;
 	stroke-dashoffset: 1;
 }
 
+svg .hex.from {
+	stroke: yellow;
+	stroke-dasharray: 8 4;
+}
+
 svg .hex.action.forced_march {
 	stroke: crimson;
 }
@@ -315,17 +325,13 @@ svg .hex.selected {
 	stroke: yellow;
 }
 
-/* HEX CONTROL */
-
-svg .hex.axis_control {
-	fill: seagreen;
-	fill-opacity: 0.2;
+svg .hex.tip {
+	stroke: yellow;
+	stroke-width: 3;
+	stroke-dasharray: 4 4;
 }
 
-svg .hex.allied_control {
-	fill: firebrick;
-	fill-opacity: 0.2;
-}
+/* HEX CONTROL */
 
 svg .side.axis_control {
 	stroke: seagreen;
@@ -344,23 +350,6 @@ body.Allied svg .side.allied_control { stroke: none; }
 body.Axis svg .side.axis_control { stroke: none; }
 body.Axis svg .side.allied_control { stroke: black; }
 
-/* HEX HIGHLIGHT */
-
-svg .hex.from {
-	fill: gold;
-	fill-opacity: 0.2;
-}
-
-svg .hex.to {
-	fill: plum;
-	fill-opacity: 0.2;
-}
-
-svg .hex.tip {
-	stroke: yellow;
-	stroke-dasharray: 4 4;
-}
-
 /* SUPPLY LINES */
 
 svg .hex.axis_supply {