Improves help menu aesthetics.

1 files changed, 33 insertions, 0 deletions

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 74ef048..8eb2d2f 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -148,6 +148,39 @@
    font-size: 1.2em;
 }
 
+.battlemap-message-board-help
+{
+   display: block;
+}
+
+.battlemap-message-board-help h1
+{
+   margin: 0;
+   margin-bottom: 0.3em;
+   font-size: 1.5em;
+   text-align: center;
+}
+
+.battlemap-message-board-help-figure
+{
+   width: 1.5em;
+   height: 1.5em;
+   background-size: 100%;
+   display: inline-block;
+   vertical-align: middle;
+}
+
+.battlemap-help-guide-icon
+{
+   margin-right: 0.5em;
+   width: 1.5em;
+   height: 1.5em;
+   background-image: url("/asset/svg/help-icon.svg");
+   background-size: 100%;
+   display: inline-block;
+   vertical-align: middle;
+}
+
 /******************************************************************************/
 /** CONTROLLED PANEL **********************************************************/
 /******************************************************************************/