Adds status markers.

For the first release, there is are no planned statuses, except the
ranks.

1 files changed, 30 insertions, 2 deletions

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index a0a2565..74ef048 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -312,11 +312,12 @@
 {
    position: absolute;
    left: 100px;
-   top: 1em;
+   top: 0;
    margin-left: 0.5em;
    width: calc(100% - 100px - 0.5em);
 }
 
+
 .battlemap-character-card-health > .battlemap-gauge-bar
 {
    background-color: darkred;
@@ -327,9 +328,36 @@
 {
    position: absolute;
    left: 100px;
-   top: calc(1em + 1.5em + 1em);
+   top: calc(1.5em + 1em);
+   margin-left: 0.5em;
+   width: calc(100% - 100px - 0.5em);
+}
+
+.battlemap-character-card-statuses
+{
+   position: absolute;
+   left: 100px;
+   top: calc(2*(1.5em + 0.5em) + 0.7em);
    margin-left: 0.5em;
    width: calc(100% - 100px - 0.5em);
+   display: flex;
+}
+
+.battlemap-character-card-status
+{
+   height: 1.5em;
+   width: 1.5em;
+   background-size: 100%;
+}
+
+.battlemap-character-card-target-status
+{
+   background-image: url("/asset/svg/status/target.svg");
+}
+
+.battlemap-character-card-commander-status
+{
+   background-image: url("/asset/svg/status/commander.svg");
 }
 
 .battlemap-character-card-movement > .battlemap-gauge-bar