Clean up some styles

damage_block.css

@@ -58,4 +58,4 @@ label:has(+ label input:checked) {
 
 label:has(input:checked) + label {
   display: block;
-}
+}

index.js

@@ -300,15 +300,13 @@ map.addEventListener('mousemove', e => {
 
 document.querySelectorAll('.soldier-record').forEach(el =>
   el.addEventListener('click', e => {
-    if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'LABEL') {
-      if (el.classList.contains('selected')) {
-        el.classList.remove('selected');
-      } else {
-        document.querySelectorAll('.soldier-record.selected').forEach(el =>
-          el.classList.remove('selected')
-        );
-        el.classList.add('selected');
-      }
+    if (el.classList.contains('selected')) {
+      el.classList.remove('selected');
+    } else {
+      document.querySelectorAll('.soldier-record.selected').forEach(el =>
+        el.classList.remove('selected')
+      );
+      el.classList.add('selected');
     }
   })
 );

soldier_record_block.css

@@ -4,11 +4,14 @@ span {
   margin-right: 1em;
 }
 
+.physical-status-track {
+  text-align: center;
+}
+
 .physical-status-track span {
   margin: 0;
   padding: 0;
   display: inline-block;
-  text-align: center;
   vertical-align: middle;
 }
 

style.css

@@ -70,142 +70,6 @@ line.ruler {
   display: inline-block;
 }
 
-.soldier-record ul {
-  margin: 0;
-  padding: 0;
-}
-
-.soldier-record ul li {
-  display: inline;
-  margin-left: 1em;
-}
-
-.soldier-record p {
-  margin: 0;
-}
-
-.damage label {
-  margin: 0;
-  padding: 0;
-}
-
-.damage span {
-  margin: 0;
-  padding: 0;
-}
-
-.damage > span {
-  display: inline-block;
-  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 {
-  background-color: white;
-}
-
-.damage-selector.bruise {
-  background-color: orange;
-}
-
-.damage-selector.lethal {
-  background-color: red;
-}
-
-.damage label input {
-  position: absolute;
-  opacity: 0;
-  margin: 0;
-  padding: 0;
-}
-
-/* .soldier-record p.damage span {
-  display: inline-block;
-}
-
-.soldier-record p.damage span input {
-  display: block;
-} */
-
-/* input {
-  border: none;
-  outline: 2px solid deeppink;
-}
-
-input + label {
-  border: 1px solid red;
-  display: none;
-}
-
-input:first-of-type {
-  outline: none;
-}
-
-label:first-of-type {
-  border: none;
-  display: inline;
-}
-
-input:checked {
-  border: none;
-  outline: 2px solid deeppink;
-}
-
-input:checked + label {
-  border: 1px solid red;
-  display: none;
-}
-
-input:has(+ label + input:checked) {
-  border: none;
-  outline: 2px solid deeppink;
-}
-
-label:has(+ input:checked) {
-  border: 1px solid red;
-  display: none;
-}
-
-input[type="radio"]:checked + label + input {
-  outline: none;
-}
-
-input:checked + label + input + label {
-  border: none;
-  display: inline;
-}
-*/
-
-label {
-  display: none;
-}
-
-label:first-of-type {
-  display: block;
-}
-
-label:has(input:checked) {
-  display: none;
-}
-
-label:has(+ label input:checked) {
-  display: none;
-}
-
-label:has(input:checked) + label {
-  display: block;
-}
-
 image#img1 {
   transform: scale(3.41) rotate(-0.15deg);
   /* opacity: 0.33; */