icons for market buttons (needs client update)v2

3 files changed, 16 insertions, 7 deletions

diff --git a/play.css b/play.css
index 22c6d27..34f5850 100644
--- a/play.css
+++ b/play.css
@@ -17,6 +17,15 @@ body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_pan
 	display: none;
 }
 
+button img.market_button {
+	height: 16px;
+	vertical-align: -3px;
+}
+
+button:disabled img.market_button {
+	opacity: 25%;
+}
+
 #role_Red { background-color: hsl(354,85%,67%) }
 #role_Blue { background-color: hsl(207,67%,78%) }
 #role_Yellow { background-color: hsl(47,100%,73%) }
@@ -457,7 +466,6 @@ body.tint .militia.selected,
 	background-size: 900% 400%;
 }
 
-
 .no_place_governor { background-image: url(images/no_place_governor.png) }
 .legion { background-image: url(images/legion_full.png) }
 .legion.reduced { background-image: url(images/legion_reduced.png) }
diff --git a/play.js b/play.js
index 4da1841..f09e0e6 100644
--- a/play.js
+++ b/play.js
@@ -1618,12 +1618,12 @@ function on_update() {
 	action_button("enter", "Enter Capital")
 	action_button("leave", "Leave Capital")
 
-	action_button("mip_to_sip", "M > S")
-	action_button("mip_to_pip", "M > P")
-	action_button("sip_to_mip", "S > M")
-	action_button("sip_to_pip", "S > P")
-	action_button("pip_to_mip", "P > M")
-	action_button("pip_to_sip", "P > S")
+	action_button("mip_to_sip", `<img class="market_button" src="images/mx.svg"> \u2192 <img class="market_button" src="images/sx.svg">`)
+	action_button("mip_to_pip", `<img class="market_button" src="images/mx.svg"> \u2192 <img class="market_button" src="images/px.svg">`)
+	action_button("sip_to_mip", `<img class="market_button" src="images/sx.svg"> \u2192 <img class="market_button" src="images/mx.svg">`)
+	action_button("sip_to_pip", `<img class="market_button" src="images/sx.svg"> \u2192 <img class="market_button" src="images/px.svg">`)
+	action_button("pip_to_mip", `<img class="market_button" src="images/px.svg"> \u2192 <img class="market_button" src="images/mx.svg">`)
+	action_button("pip_to_sip", `<img class="market_button" src="images/px.svg"> \u2192 <img class="market_button" src="images/sx.svg">`)
 
 	action_button("automatic", "Automatic")
 	action_button("spend_military", "Spend Military")
diff --git a/rules.js b/rules.js
index 034fb49..c9e15e8 100644
--- a/rules.js
+++ b/rules.js
@@ -2402,6 +2402,7 @@ states.take_actions = {
 // IMPROVEMENT: PORT
 
 states.use_port = {
+	inactive: "Port",
 	prompt() {
 		let from = get_general_location(game.selected_general)
 		view.prompt = "Use Port to sail to a distant province."