Improve battle dialogs.

1 files changed, 24 insertions, 4 deletions

diff --git a/play.html b/play.html
index dd24f84..8866d36 100644
--- a/play.html
+++ b/play.html
@@ -148,6 +148,7 @@ header.your_turn { background-color: orange; }
 #pursuit { background-color: #d6c4a9; background: url(texture_mountain.png); }
 #pursuit_header { background-color: brown; color: gold }
 #pursuit_hits { background-color: #c4ab8b; }
+#pursuit_buttons { background-color: #c4ab8b; }
 #pursuit_message { background-color: #d6c4a9; }
 
 #pursuit {
@@ -185,6 +186,16 @@ header.your_turn { background-color: orange; }
 	border-top: 1px solid black;
 }
 
+#pursuit_buttons {
+	padding: 12px;
+	min-height: 28px;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 12px;
+	border-top: 1px solid black;
+}
+
 /* TABLES */
 
 table { border-collapse: collapse; font-size: 12px; user-select: none; }
@@ -453,6 +464,10 @@ svg .side.allied_supply.axis_supply {
 	box-shadow: 0 0 0 2px white;
 }
 
+.unit.action.hit {
+	box-shadow: 0 0 0 2px black, 0 0 2px 2px black;
+}
+
 .unit.selected {
 	box-shadow: 0 0 0 2px yellow;
 }
@@ -607,10 +622,11 @@ svg .side.allied_supply.axis_supply {
 	<div class="battle_line" id="battle_line_3"></div>
 	<div class="battle_line" id="battle_line_4"></div>
 	<div id="battle_buttons">
-		<button id="target_armor_button" onclick="send_action('armor')">Armor</button>
-		<button id="target_infantry_button" onclick="send_action('infantry')">Infantry</button>
-		<button id="target_antitank_button" onclick="send_action('antitank')">Anti-tank</button>
-		<button id="target_artillery_button" onclick="send_action('artillery')">Artillery</button>
+		<button id="battle_armor_button" onclick="send_action('armor')">Armor</button>
+		<button id="battle_infantry_button" onclick="send_action('infantry')">Infantry</button>
+		<button id="battle_antitank_button" onclick="send_action('antitank')">Anti-tank</button>
+		<button id="battle_artillery_button" onclick="send_action('artillery')">Artillery</button>
+		<button id="battle_end_hits_button" onclick="send_action('end_hits')">Done</button>
 	</div>
 	<div id="battle_message"></div>
 </div>
@@ -620,6 +636,10 @@ svg .side.allied_supply.axis_supply {
 	<div id="pursuit_hits">0 hits</div>
 	<div class="battle_line" id="pursuit_line_1"></div>
 	<div class="battle_line" id="pursuit_line_2"></div>
+	<div id="pursuit_buttons">
+		<button id="pursuit_end_hits_button" onclick="send_action('end_hits')">Done</button>
+		<button id="pursuit_end_fire_button" onclick="send_action('end_fire')">End fire</button>
+	</div>
 	<div id="pursuit_message"></div>
 </div>