Styled the actions menu.

vasl_templates/webapp/static/css/main.css

@@ -6,10 +6,10 @@ ul, ol { margin: 0.5em 0 0 1.25em ; br}
 
 /* -------------------------------------------------------------------- */
 
-#menu { position: absolute ; top: 15px ; right: 15px ; z-index: 1 ; }
-#menu { height: 30px ; }
+#menu { position: absolute ; top: 15px ; right: 8px ; z-index: 1 ; }
+#menu input[type='image'] { height: 30px ; }
 
-.PopMenu-Item { width: 11em }
+.PopMenu-Item { width: 11em ; }
 .PopMenu-Item a { padding: 5px 10px 5px 10px ; }
 .PopMenu-Icon { display: none ; }
 

vasl_templates/webapp/static/main.js

@@ -39,9 +39,10 @@ $(document).ready( function () {
     // nb: we only show the popmenu on left click (not the normal right-click)
     $menu.off( "contextmenu" ) ;
     $menu.click( function() {
+        $(this).blur() ;
         var pos = $(this).offset() ;
         $(this).data( "PopMenu.contextmenu" ).data( "PopMenu.instance" ).show(
-            pos.left+$(this).width()+4, pos.top+$(this).height()+4, "fade", 200
+            pos.left+$(this).width(), pos.top+$(this).height()+2, "fade", 200
         ) ;
     } ) ;
     // nb: we dismiss the popmenu and any notifications on ESCAPE

vasl_templates/webapp/templates/index.html

@@ -19,7 +19,7 @@
 <!-- ----------------------------------------------------------------- -->
 
 <div id="menu" style="display:none;">
-    <input type="button" value="actions">
+    <input type="image" src="{{url_for('static',filename='images/menu.png')}}" value="actions">
     <input id="load-scenario" type="file" accept=".json" style="display:none;">
     <input id="load-template-pack" type="file" accept=".zip,.j2" style="display:none;">
 </div>