[guadec-web: 7/9] minor changes on tooltip display

[Ismael Olea <olea src gnome org>]

commit 86722bb053e0b144764d88060ecb00d3ccb8c959
Author: Jorge Sanz <xurxosanz gmail com>
Date:   Mon Jun 18 23:02:36 2018 +0200

    minor changes on tooltip display

 content/pages/{test-map-v2.md => map.md} | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)
---
diff --git a/content/pages/test-map-v2.md b/content/pages/map.md
similarity index 97%
rename from content/pages/test-map-v2.md
rename to content/pages/map.md
index 5e5baf0..bbbdb54 100644
--- a/content/pages/test-map-v2.md
+++ b/content/pages/map.md
@@ -1,8 +1,6 @@
-Title: Test map v2
+Title: Map
 Date: 20180615
 
-## GUADEC Map
-
 <link rel='stylesheet' href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css' />
 <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js'></script>
 <script src="https://tyrasd.github.io/osmtogeojson/osmtogeojson.js";></script>
@@ -42,9 +40,26 @@ Date: 20180615
         box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
         border-radius: 3px;
     }
+    .mapboxgl-popup-tip{
+        display:none;
+    }
+    .mapboxgl-popup-content{
+        padding: 5px;
+    }
+    .mapboxgl-popup-anchor-bottom .mapboxgl-popup-content{
+        border: 1px solid #4a86cf;
+    }
     .mapboxgl-popup-anchor-top .mapboxgl-popup-content{
         background-color: #B4C6DD;
-        padding: 5px;
+    }
+    .mapboxgl-popup-content p {
+        margin: 0;
+    }
+    .mapboxgl-popup-content h3 {
+        font-size: 1rem;
+    }
+    .mapboxgl-popup-close-button{
+        color: #4a86cf;
     }
 </style>
 
@@ -309,7 +324,8 @@ Date: 20180615
     var tooltip = new mapboxgl.Popup({   
         closeButton: false,
         closeOnClick: true,
-        anchor: "top" 
+        anchor: "top",
+        offset: [0, 8]
         });
     
     // helper to render the properties