Improves marker display.

1 files changed, 33 insertions, 3 deletions

diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index 2911501..c908cb3 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -209,11 +209,41 @@
 .battlemap-marker-icon
 {
    box-sizing: border-box;
-   border: 2px groove rgba(0,0,0,0.5);
+   min-width: 24px;
+   max-width: 24px;
+   margin: 4px 0 0 4px;
+   height: 24px;
+   border-radius: 4px;
+   border: none;
+   box-shadow:
+      1px 0px 2px #333,
+      -1px 0px 2px #333,
+      0px 1px 2px #333,
+      0px -1px 2px #333;
+}
+
+.battlemap-can-go-to-marker
+{
+   background-color: #FFF;
+   opacity: 0.3;
+}
+
+.battlemap-can-go-to-marker:hover
+{
+   background-color: rgba(255, 255, 255, 0.9);
+   opacity: 1;
+}
+
+.battlemap-can-attack-marker
+{
+   background-color:rgba(0,0,0,0.7);
+   min-width: 28px;
+   max-width: 28px;
+   height: 28px;
+   margin: 2px 0 0 2px;
+   border-radius: 0;
 }
 
-.battlemap-can-go-to-marker   {background-color:rgba(0,0,0,0.5);}
-.battlemap-can-attack-marker  {background-color:rgba(0,0,0,0.7);}
 .battlemap-cant-defend-marker
 {
    background: