1 files changed, 37 insertions, 18 deletions
diff --git a/style.css b/style.css
index 93552b0..0f08fff 100644
--- a/style.css
+++ b/style.css
@@ -45,7 +45,10 @@ rect#map {
 }
 
 polygon.firing-arc {
-  opacity: 0.1;
+  /* opacity: 0.1; */
+  fill: transparent;
+  stroke-width: 2px;
+  stroke: black;
 }
 
 button.set-firing-arc img {
@@ -82,12 +85,30 @@ line.ruler {
   margin: 0;
 }
 
+.damage label {
+  margin: 0;
+  padding: 0;
+}
 
-label span {
+.damage span {
+  margin: 0;
+  padding: 0;
+}
+
+.damage > span {
   display: inline-block;
-  width: 10px;
-  height: 10px;
+  text-align: center;
+  font-family: serif;
+  vertical-align: middle;
+}
+
+.damage-selector {
+  width: 20px;
+  height: 30px;
+  margin: 0;
+  padding: 0;
   border: 1px solid black;
+  display: inline-block;
 }
 
 .damage-selector.clear {
@@ -102,8 +123,11 @@ label span {
   background-color: red;
 }
 
-label {
-  display: block;
+.damage label input {
+  position: absolute;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* .soldier-record p.damage span {
@@ -163,29 +187,24 @@ input:checked + label + input + label {
 }
 */
 
-input {
-  position: absolute;
-  opacity: 0;
-}
-
-label span {
+label {
   display: none;
 }
 
-label:first-of-type span {
-  display: inline-block;
+label:first-of-type {
+  display: block;
 }
 
-label:has(input:checked) span {
+label:has(input:checked) {
   display: none;
 }
 
-label:has(+ label input:checked) span {
+label:has(+ label input:checked) {
   display: none;
 }
 
-label:has(input:checked) + label span {
-  display: inline-block;
+label:has(input:checked) + label {
+  display: block;
 }
 
 image#img1 {