From c226f6393a3dc16b358ce58daf2dedb63d2a8da4 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Thu, 14 Jul 2022 15:53:20 +0200
Subject: artillery behind other units

---
 play.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 99b30da..dedbca5 100644
--- a/play.html
+++ b/play.html
@@ -33,9 +33,9 @@ header.your_turn { background-color: orange; }
 
 /* BATTLE DIALOG */
 
+#battle { background-color: #d6c4a9; background: url(texture_clear.png); }
 #battle_header { background-color: brown; color: gold }
 #battle_hits { background-color: #c4ab8b; }
-#battle_line_1, #battle_line_2 { background-color: #d6c4a9; background: url(texture_clear.png); }
 #battle_buttons { background-color: #c4ab8b; }
 #battle_message { background-color: #d6c4a9; }
 
@@ -86,8 +86,8 @@ header.your_turn { background-color: orange; }
 	vertical-align: middle
 }
 
-#battle_line_1, #battle_line_2 {
-	padding: 20px;
+.battle_line {
+	margin: 24px;
 	min-height: 60px;
 	display: flex;
 	flex-wrap: wrap;
@@ -447,8 +447,10 @@ svg .hex.allied_control {
 			<img class="hits_icon" src="icons/artillery.svg">
 			<div class="hits_text" id="hits_artillery">0</div>
 		</div>
-		<div id="battle_line_1"></div>
-		<div id="battle_line_2"></div>
+		<div class="battle_line" id="battle_line_1"></div>
+		<div class="battle_line" id="battle_line_2"></div>
+		<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>
-- 
cgit v1.2.3