summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--images/bang.svg1
-rw-r--r--play.css10
-rw-r--r--play.js4
3 files changed, 8 insertions, 7 deletions
diff --git a/images/bang.svg b/images/bang.svg
new file mode 100644
index 0000000..36c50d6
--- /dev/null
+++ b/images/bang.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#BB1A34" d="M22 0l-4 8.028-5-5.018v7.024L3 8.028l8 8.028-11 6.02h12L6 34.118l12-8.028 11 10.035-3-14.049h10l-8-6.021 8-9.031-12 3.01L22 0z"/><path fill="#FCAB40" d="M22.914 12.924l1.86-.467L30 11.146l-3.381 3.816-1.319 1.49 1.59 1.195 2.925 2.202h-5.918l.473 2.218 1.551 7.26-5.845-5.332-1.056-.964-1.188.795-5.24 3.506 2.406-4.828 1.322-2.655H9.564l3.759-2.059 2.145-1.172-1.727-1.735-3.044-3.053 3.221.646 2.186.439V8.686l1.45 1.455 1.794 1.799 1.133-2.276 1.273-2.556"/><path fill="#F5F8FA" d="M21.512 14.301l.767-.193 2.158-.541-1.396 1.576-.545.615.656.493 1.208.909h-2.443l.195.916.641 2.997-2.413-2.201-.437-.398-.49.328-2.163 1.448.993-1.994.546-1.096H16l1.553-.85.885-.484-.713-.716-1.257-1.261 1.329.267.903.181v-1.745l.599.6.74.743.468-.939.525-1.056"/></svg> \ No newline at end of file
diff --git a/play.css b/play.css
index d4b95c6..e6b3e28 100644
--- a/play.css
+++ b/play.css
@@ -235,11 +235,11 @@ TWOD.piece.cylinder {
#combat {
position: absolute;
- width: 52px;
- height: 52px;
- border: 4px solid #c00;
- background-color: #c008;
- border-radius: 50%;
+ width: 36px;
+ height: 36px;
+ background-image: url(images/bang.svg);
+ background-size: contain;
+ background-repeat: no-repeat;
}
.panel {
diff --git a/play.js b/play.js
index 4c14fde..2b52dee 100644
--- a/play.js
+++ b/play.js
@@ -691,8 +691,8 @@ function layout_train(id, s) {
function layout_combat_marker() {
let x = (data.cities.x[view.attacker] + data.cities.x[view.defender]) >> 1
let y = (data.cities.y[view.attacker] + data.cities.y[view.defender]) >> 1
- ui.combat.style.left = x - 30 + "px"
- ui.combat.style.top = y - 30 + "px"
+ ui.combat.style.left = x - 20 + "px"
+ ui.combat.style.top = y - 20 + "px"
ui.combat.style.zIndex = y
}