Add weapon icons to record sheet

public/assets/css/style.css

@@ -196,8 +196,10 @@ g#grid {
   transform: rotate(180deg);
 }
 
-#counter-base {
-  r: inherit;
+.weapon-symbol :not(use[href="#counter-base"]) {
+  stroke: white;
+  stroke-width: 0.75;
+  fill: none;
 }
 
 g.troop-counter-template, g.troop-counter-template use {
@@ -306,22 +308,26 @@ button.set-firing-arc img {
   background-color: white;
 }
 
-.soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg {
+.soldier-record span[slot] {
+  margin-right: .4em;
+}
+
+.soldier-record[data-allegiance="attacker"] svg {
   fill: blue;
 }
 
-.soldier-record[data-allegiance="defender"] [slot="troop-number"] svg {
+.soldier-record[data-allegiance="defender"] svg {
   fill: red;
 }
 
-.soldier-record [slot="troop-number"] svg {
+.soldier-record svg {
   width: 20px;
   height: 20px;
   background-color: initial;
   vertical-align: middle;
 }
 
-.soldier-record [slot="troop-number"] svg text {
+.soldier-record svg text {
   fill: white;
   text-anchor: middle;
   font-size: 10px;
@@ -330,14 +336,6 @@ button.set-firing-arc img {
   font-family: monospace;
 }
 
-.soldier-record[data-allegiance="defender"] [slot="troop-number"] img {
-  fill: red;
-}
-
-.soldier-record[data-allegiance="attacker"] [slot="troop-number"] img {
-  fill: blue;
-}
-
 .soldier-record.selected {
   background-color: khaki;
 }