Use icons for power action buttons

1 files changed, 11 insertions, 2 deletions

diff --git a/play.js b/play.js
index 0e35b5d..5838520 100644
--- a/play.js
+++ b/play.js
@@ -613,6 +613,15 @@ function make_badge(power) {
 	return e
 }
 
+const power_image = [
+	'<img style="border-radius:50%" height="24" src="images/role_france.2x.png" alt="France">',
+	'<img style="border-radius:50%" height="24" src="images/role_prussia.2x.png" alt="Prussia">',
+	'<img style="border-radius:50%" height="24" src="images/role_pragmatic.2x.png" alt="Pragmatic Army">',
+	'<img style="border-radius:50%" height="24" src="images/role_austria.2x.png" alt="Austria">',
+	'<img style="border-radius:50%" height="24" src="images/role_bavaria.2x.png" alt="Bavaria">',
+	'<img style="border-radius:50%" height="24" src="images/role_saxony.2x.png" alt="Saxony">',
+]
+
 const power_badge = [
 	make_badge("france"),
 	make_badge("prussia"),
@@ -1401,10 +1410,10 @@ function on_update() {
 		action_button_with_argument("value", v, v)
 
 	for (let p = 0; p < 20; ++p)
-		action_button_with_argument("supreme", p, power_name[piece_power[p]])
+		action_button_with_argument("supreme", p, power_image[piece_power[p]])
 
 	for (let pow of all_powers)
-		action_button_with_argument("power", pow, power_name[pow])
+		action_button_with_argument("power", pow, power_image[pow])
 
 	action_button("subsidy", "Subsidy")
 	action_button("cancel", "Cancel")