1 files changed, 25 insertions, 8 deletions
diff --git a/public/style.css b/public/style.css
index 167254b..00d9d74 100644
--- a/public/style.css
+++ b/public/style.css
@@ -355,19 +355,36 @@ button.set-firing-arc img {
   background-color: white;
 }
 
-.soldier-record [slot="troop-number"] {
-  color: white;
+.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] svg {
+  fill: green;
+}
+
+.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] svg {
+  fill: red;
+}
+
+.soldier-record [slot="troop-number"] svg {
+  width: 20px;
+  height: 20px;
+  background-color: initial;
+  vertical-align: middle;
+}
+
+.soldier-record [slot="troop-number"] svg text {
+  fill: white;
+  text-anchor: middle;
+  font-size: 10px;
   font-weight: bold;
-  border-radius: 10px;
-  padding: 0 4px;
+  transform: translateY(3.5px);
+  font-family: monospace;
 }
 
-.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] {
-  background-color: red;
+.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] img {
+  fill: red;
 }
 
-.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] {
-  background-color: green;
+.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] img {
+  fill: green;
 }
 
 .soldier-record.selected {