diff options
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 12 |
1 files changed, 7 insertions, 5 deletions
@@ -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> |