From 57be42cfe07f717c394186db77c89e1c9996f8f8 Mon Sep 17 00:00:00 2001
From: nsensfel <SpamShield0@noot-noot.org>
Date: Mon, 8 Jan 2018 16:34:11 +0100
Subject: Now display character 'portraits' on the menu.

---
 src/battlemap/src/View/SideBar/TabMenu/Characters.elm |  5 ++++-
 src/battlemap/www/style.css                           | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

(limited to 'src/battlemap')

diff --git a/src/battlemap/src/View/SideBar/TabMenu/Characters.elm b/src/battlemap/src/View/SideBar/TabMenu/Characters.elm
index cb2e53f..2907988 100644
--- a/src/battlemap/src/View/SideBar/TabMenu/Characters.elm
+++ b/src/battlemap/src/View/SideBar/TabMenu/Characters.elm
@@ -23,7 +23,10 @@ get_character_portrait_html char =
       [
          (Html.Attributes.class "battlemap-character-portrait"),
          (Html.Attributes.class
-            ("asset-char-portrait-" ++ (Struct.Character.get_portrait_id char))
+            (
+               "asset-character-portrait-"
+               ++ (Struct.Character.get_portrait_id char)
+            )
          )
       ]
       [
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index adac354..c8d8fab 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -197,3 +197,21 @@
 {
    flex: initial;
 }
+
+/******************************************************************************/
+.battlemap-character-portrait
+{
+   margin: 0.5em;
+   box-sizing: border-box;
+   border: 2px solid rgba(0,0,0,0.5);
+   border-radius: 25px 25px 0 25px;
+   width: 128px;
+   height: 128px;
+}
+
+.battlemap-tabmenu-characters-tab
+{
+   display: flex;
+   flex-direction: row;
+   flex-wrap: wrap;
+}
-- 
cgit v1.2.3-70-g09d2